Node模块化开发
认识模块化开发
JavaScript 的模块化是一种将代码组织成独立、可重用的模块单元的开发方法。模块化开发有助于提高代码的可维护性、可扩展性和可重用性,以及减少命名冲突和全局作用域中的变量污染问题。JavaScript 的模块化开发可以通过多种方式实现,其中两个主要的标准是 CommonJS 和 ES6 模块。
-
CommonJS 模块: CommonJS 是一种模块化系统,最初是为服务器端 JavaScript 开发设计的,如 Node.js。在 CommonJS 中,每个模块都有自己的作用域,可以导出(export)自己的功能并引入(require)其他模块的功能。以下是一个示例:
javascriptCopy code // math.js exports.add = function(a, b) {return a + b; };// app.js var math = require('./math'); console.log(math.add(2, 3)); // 输出 5
在这个示例中,
math.js
模块导出了add
函数,而app.js
模块引入了math.js
模块并使用了它的功能。 -
ES6 模块: ECMAScript 6(ES6)引入了一种官方的模块系统,用于在现代浏览器中进行模块化开发,以及在支持 ES6 模块的环境中进行开发。在 ES6 模块中,使用
import
来导入其他模块的功能,使用export
来导出自己的功能。以下是一个示例:javascriptCopy code // math.js export function add(a, b) {return a + b; }// app.js import { add } from './math'; console.log(add(2, 3)); // 输出 5
ES6 模块在现代的 JavaScript 开发中变得越来越流行,因为它提供了更严格的模块化机制,并且得到了浏览器的原生支持。
模块化开发的好处包括:
- 代码组织:将代码划分为小模块,使代码更易于管理和理解。
- 代码复用:模块可以在不同的项目中重复使用。
- 避免全局作用域污染:模块的作用域是隔离的,不会干扰其他模块的变量。
- 更好的可维护性:模块化代码更容易测试、维护和升级。
无论是使用 CommonJS 还是 ES6 模块,模块化开发都是 JavaScript 中的重要实践,有助于提高代码质量和开发效率。
CommonJs规范 和 Node关系
CommonJS(通用模块规范)是一种模块系统规范,用于组织和加载模块化代码。Node.js 是一种服务器端 JavaScript 运行时环境,最初设计用于构建网络应用程序。这两者之间的关系是,Node.js 在其核心模块系统中采用了 CommonJS 规范作为模块加载机制。
下面是关于 CommonJS 规范和 Node.js 之间关系的主要要点:
- Node.js 的模块系统: Node.js 采用了 CommonJS 规范作为其模块系统的基础。这意味着在 Node.js 中,可以使用
require
函数来加载其他模块,并使用module.exports
或exports
来导出模块的功能。这使得开发者能够将代码分割成小的、可重用的模块,并在不同的模块之间共享功能和变量。 - CommonJS 模块规范: CommonJS 规范定义了如何组织模块和如何在运行时加载它们。它提供了一种机制,允许模块拥有自己的作用域,从而避免全局变量的污染和命名冲突。规范还定义了模块的导入和导出语法。
- Node.js 生态系统: Node.js 生态系统中有许多模块和库,它们都采用 CommonJS 规范,因此可以轻松地在 Node.js 项目中使用这些模块。开发者可以使用 Node.js 的包管理工具 npm 来安装和管理这些模块。
- 模块加载机制: Node.js 使用 CommonJS 模块加载机制来动态加载模块。当你使用
require
导入一个模块时,Node.js 会自动查找、加载并执行该模块的代码。这使得 Node.js 应用程序能够按需加载模块,从而提高性能和可维护性。
总之,CommonJS 规范和 Node.js 之间的关系是,Node.js 使用 CommonJS 规范作为其模块系统的基础,允许开发者以模块化的方式组织和加载代码。这种模块化的方法有助于提高 Node.js 应用程序的可维护性和可重用性,使其成为一个强大的服务器端 JavaScript 平台。
exports 导出原理
在 Node.js 中,exports
是一个特殊的对象,用于导出模块的功能以便其他模块可以引入和使用。exports
是 CommonJS 模块系统的一部分,它的工作原理可以简单地概括如下:
-
exports
是一个对象: 当你在一个 Node.js 模块中声明exports
时,实际上是创建了一个空对象,该对象将被用来存储要导出的模块功能。 -
向
exports
添加属性: 你可以向exports
对象添加属性(变量、函数等),这些属性将成为你模块的公共接口。其他模块可以通过require
来访问这些属性。 -
module.exports
的作用: 在实际使用中,exports
通常与module.exports
结合使用。module.exports
是实际导出的对象,而exports
只是它的一个引用。这意味着你可以直接向exports
添加属性,也可以通过module.exports
来替换整个导出对象。举个例子:
// math.js exports.add = function(a, b) {return a + b; };// app.js var math = require('./math'); console.log(math.add(2, 3)); // 输出 5
在这个例子中,
math.js
模块通过exports
导出了一个add
函数,然后在app.js
模块中使用require
来引入math
模块,从而可以访问add
函数。 -
模块加载时导出的对象: Node.js 在加载模块时,会返回
module.exports
对象作为模块的公共接口。这意味着其他模块通过require
获取的是module.exports
对象的引用。 -
使用
module.exports
替换导出对象: 如果你想导出一个单一的函数、类或对象,你可以使用module.exports
来替换默认导出对象,例如:// mymodule.js function myFunction() {// ... } module.exports = myFunction;
这种方式会覆盖之前在
exports
中定义的任何属性。
总之,exports
在 Node.js 中用于导出模块的功能,允许其他模块通过 require
来引入这些功能。exports
本质上是一个普通的 JavaScript 对象,而 module.exports
是实际的导出对象,它们的关系使得模块导出和引入变得简单而灵活。
module.exports 和 exports 的关系和区别
module.exports
和 exports
都用于在 Node.js 模块中导出功能以供其他模块引用,但它们之间有一些重要的区别和关系:
-
module.exports
和exports
的关系: 初始时,exports
是指向module.exports
的一个引用。这意味着它们指向同一个对象。所以,如果你通过exports
添加属性或方法,它们会在module.exports
上也可见。例如:console.log(module.exports === exports); // 输出 true
-
导出方式: 你可以使用
module.exports
或exports
来导出模块的功能。例如:使用
module.exports
导出一个函数:// math.js module.exports = function(a, b) {return a + b; };
使用
exports
导出一个函数:// math.js exports.add = function(a, b) {return a + b; };
你也可以混合使用它们,但要小心,避免混淆。
-
覆盖导出对象: 如果你想导出一个单一的函数、类或对象,你通常会使用
module.exports
来替换默认导出对象。例如:// math.js function add(a, b) {return a + b; } module.exports = add;
这种方式会覆盖之前在
exports
中定义的任何属性。 -
当直接赋值
exports
时: 如果你直接为exports
赋值一个新对象,exports
将不再指向module.exports
。这意味着之前通过exports
添加的属性将不会被导出。例如:exports = {someFunction: function() {// ...} };
在这种情况下,
module.exports
仍然指向空对象,因此不会导出任何东西。
总的来说,module.exports
是 Node.js 模块系统用于导出模块的功能的主要机制,而 exports
只是一个方便的辅助引用。通常情况下,使用 module.exports
用于定义模块的默认导出对象,而使用 exports
用于添加属性或方法到导出对象中。要注意混合使用它们可能会引发问题,因此最好保持一致的用法,以避免潜在的混淆。
require 查找路径规则
Node.js 中的 require
函数用于查找和加载模块。模块路径的查找规则通常涉及以下几个步骤:
-
核心模块查找: Node.js 首先检查请求的模块路径是否匹配核心模块的名称。核心模块是 Node.js 内置的模块,可以直接通过模块名引用,例如
require('fs')
。如果请求的模块路径匹配核心模块名,Node.js 会直接加载核心模块,而不会继续后续查找。 -
文件模块查找: 如果模块路径不是核心模块,Node.js 将尝试查找与模块路径匹配的文件。查找过程通常包括以下步骤:
-
如果模块路径是相对路径(以
./
或../
开头),Node.js 会根据当前模块的位置构建相对路径,然后查找相应的文件。例如,如果当前模块位于/home/user/project/app.js
,而你请求require('./myModule')
,Node.js 会查找/home/user/project/myModule.js
或/home/user/project/myModule/index.js
。 -
如果模块路径是绝对路径(以
/
开头),Node.js 会从项目的根目录开始查找。例如,如果你请求require('/myModule')
,Node.js 会查找/myModule.js
或/myModule/index.js
。
-
-
文件夹模块查找: 如果文件模块查找没有成功,Node.js 会尝试查找一个名为
package.json
的文件夹模块。在这种情况下,Node.js会查找一个名为package.json
的文件,然后检查其中是否包含main
属性。main
属性指定了模块的入口文件。如果找到入口文件,它将被加载作为模块。如果没有找到入口文件或package.json
文件,Node.js会继续后续查找。 -
模块路径解析: 如果以上步骤都未找到匹配的模块,Node.js 会根据模块路径解析规则查找。这包括查找
node_modules
目录以及全局模块目录等。 -
全局模块查找: Node.js 支持全局模块,可以通过
require
直接引用。全局模块通常存储在全局模块目录中,例如require('http')
。 -
模块路径缓存: 一旦模块被找到和加载,Node.js 会将其缓存在内存中,以提高后续的
require
调用性能。这意味着模块不会被重复加载,而是直接返回已加载的模块。
以上是一般情况下 require
函数查找模块路径的规则。这些规则确保了 Node.js 能够根据模块的相对路径、绝对路径、包配置文件等信息来正确地定位和加载模块。如果模块未找到,Node.js 会抛出一个 Error
。
CommonJS 规范缺点
CommonJS 是一种模块系统规范,最初设计用于服务器端 JavaScript,如 Node.js。尽管 CommonJS 有很多优点,如模块化开发和代码复用,但它也有一些缺点和限制,包括:
-
同步加载模块: CommonJS 模块是同步加载的,这意味着在加载模块时,整个应用程序会被阻塞。这在大型应用程序中可能会导致性能问题,特别是在浏览器环境中。为了解决这个问题,浏览器端开发更倾向于异步加载模块的方式,如使用 AMD 规范或 ES6 模块。
-
不适用于浏览器端: CommonJS 最初设计用于服务器端 JavaScript,因此在浏览器端使用它时可能会遇到一些问题。浏览器不支持同步加载模块,因此需要使用工具来将 CommonJS 模块转换为可在浏览器中使用的代码。
-
缺少静态分析: CommonJS 的模块加载是在运行时进行的,这使得静态分析和优化困难。工具很难在编译时了解应用程序的依赖关系,因此在构建过程中可能会导致一些问题,如无法删除未使用的代码。
-
全局污染: CommonJS 模块将导出的内容添加到模块的
exports
对象上,这意味着如果多个模块都依赖于相同的全局变量,可能会导致全局污染和命名冲突。 -
单例模块: CommonJS 模块在应用程序中通常是单例的,即每个模块只会加载一次,然后被缓存。这在某些情况下可能会导致问题,特别是在需要多次实例化模块的情况下。
-
缺少标准化: CommonJS 模块系统没有被浏览器原生支持,因此需要使用工具或库来实现在浏览器中的模块加载。这导致了不同的实现和库之间的不一致性。
尽管 CommonJS 有一些缺点,但它在服务器端 JavaScript 开发中仍然非常流行,特别是在 Node.js 生态系统中。同时,许多缺点在其他模块系统规范中得到了改进,例如 ES6 模块,它支持异步加载、静态分析和更好的浏览器支持,因此在不同的环境和用例中可以根据需要选择合适的模块系统。
相关文章:
Node模块化开发
认识模块化开发 JavaScript 的模块化是一种将代码组织成独立、可重用的模块单元的开发方法。模块化开发有助于提高代码的可维护性、可扩展性和可重用性,以及减少命名冲突和全局作用域中的变量污染问题。JavaScript 的模块化开发可以通过多种方式实现,其…...

震惊!原来BUG是这么理解的!什么是BUG?软件错误(BUG)的概念
较为官方的概念: 当且仅当规格说明是存在的并且正确,程序与规格说明之间的 不匹配才是错误。 当需求规格说明书没有提到的功能,判断标准以最终用户为准:当程序没有实现其最终用户合理预期的 功能要求时,就是软…...

JEnv使用初体验
Java多版本控制器初体验 1、前言 由于公司项目使用jdk8版本,而日常学习会使用其他版本例如jdk17等,往常都是修改环境配置目录实现。 2、下载资料 链接:https://pan.baidu.com/s/1UqzHv8K8WBu-75Ysyc_h3A 提取码:ra6a 3、安装 …...

CCF CSP认证历年题目自练 Day39
题目 试题编号: 201312-5 试题名称: I’m stuck! 时间限制: 1.0s 内存限制: 256.0MB 问题描述: 问题描述 给定一个R行C列的地图,地图的每一个方格可能是’#’, ‘’, ‘-’, ‘|’, ‘.’, ‘S’, ‘…...

【用户登录】模块之登录认证+鉴权业务逻辑
用户登录——⭐认证功能的流程图: ⭐鉴权流程图: 用户登录功能的Java代码实现 1. 实体类-User orm框架:JPA Table(name "user_tab") Entity Data NoArgsConstructor AllArgsConstructor public class User implements Serializ…...

开启CETOS 裸奔了一年的服务器开启firewall防火墙
记录一下关于firewall,博主非运维专家或服务器专家。 背景 客户有一台裸奔运行了一年多的系统有公网但发现没有开防火墙,iptables和firewall均是关闭状态,通过扫描发现很多漏洞。根据客户要求对端口进行重新梳理且关闭不必要或有潜在风险的…...
eslint识别不了别名解决方法
第一步 npm i eslint-import-resolver-alias -D第二步:在 eslintrc.js 配置 module.exports {settings: {import/resolver: {alias: {map: [// 这里参照webpack的别名配置映射[, ./src]],// 引用的时候可以忽略后缀extensions: [.vue, .js, .ts, .tsx, .jsx, .json…...

【windows 脚本】netsh命令
netsh 是 Windows 操作系统中的一个命令行工具,用于配置和管理网络设置。它提供了一系列的命令和参数,可以用于配置网络接口、防火墙、路由表等网络相关的设置。以下是一些常用的 netsh 命令和用法: 配置静态IP,IP地址、子网掩码和…...

二叉树三种遍历的递归与非递归写法
目录 编辑 一,前序遍历 题目接口: 递归解法: 非递归解法: 二,中序遍历 题目接口: 递归解法: 非递归写法: 三,后序遍历 题目接口: 递归解法&…...

虹科 | 解决方案 | 汽车示波器 远程诊断方案
车厂总部专家实时指导你修车 当一线汽修技师遇到疑难问题无从下手时,可以准备好pico汽车示波器套装,并戴上我们的M400智能AR眼镜,通过语音操作,呼叫主机厂的技术支持老师;老师通过AR眼镜上的摄像头老师可以实时看到现…...

Unity ScrollView最底展示
Unity ScrollView最底展示 问题方案逻辑 问题 比如在做聊天界面的时候我们肯定会使用到ScrollView来进行展示我们的聊天内容,那么这个时候来新消息的时候就需要最底展示,我认为这里有两种方案; 一种是通过算法每一条预制体的高度*一共多少…...

linux常用基本命令大全的使用(三)
🎬作者简介:大家好,我是青衿🥇 ☁️博客首页:CSDN主页石马农青衿 🌄每日一句:努力一点,优秀一点 📑前言 本文主要是linux常用基本命令面试篇文章,如果有什么…...
Qt 实现软件启动界面动画
实现软件启动界面,用到QSplashScreen类。 效果 启动界面 描述 QSplashScreen小部件提供了一个可以在应用程序启动期间显示的启动画面。 启动画面通常是在应用程序启动时显示的小部件。启动画面通常用于启动时间较长的应用程序(例如需要花费一些时间来建…...

2000-2021年三批“智慧城市”试点名单匹配数据
2000-2021年三批“智慧城市”试点名单匹配数据 1、时间:2000-2021年 2、指标:行政区划代码、地区、所属省份、年份、智慧城市试点、最早试点年份 3、来源:住建部公布的三批“国家智慧城市名单” 4、说明:内含原始文件和匹配结…...

H5游戏分享-烟花效果
<!DOCTYPE html> <html dir"ltr" lang"zh-CN"> <head> <meta charset"UTF-8" /> <meta name"viewport" content"widthdevice-width" /> <title>点击夜空欣赏烟花</title> <sc…...

底层驱动day8作业
代码: //驱动程序 #include<linux/init.h> #include<linux/module.h> #include<linux/of.h> #include<linux/of_gpio.h> #include<linux/gpio.h> #include<linux/timer.h>struct device_node *dnode; //unsigned int gpiono; …...

openWRT SFTP 实现远程文件安全传输
🔥博客主页: 小羊失眠啦. 🔖系列专栏: C语言、Linux、 Cpolar ❤️感谢大家点赞👍收藏⭐评论✍️ 文章目录 前言 1. openssh-sftp-server 安装2. 安装cpolar工具3.配置SFTP远程访问4.固定远程连接地址 前言 本次教程我…...

麒麟KYLINOS2303版本上使用KDE桌面共享软件
原文链接:麒麟KYLINOS2303版本上使用KDE桌面共享软件 hello,大家好啊,今天给大家推荐一个在麒麟KYLINOS桌面操作系统2303版本上使用KDE桌面共享软件的文章,通过安装KDE桌面共享软件,可以让远程vnc客户端连接访问本机桌…...

H5游戏源码分享-手机捉鬼游戏
H5游戏源码分享-手机捉鬼游戏 一款考验手速的游戏 <!DOCTYPE html> <html><head><meta http-equiv"Content-Type" content"text/html; charsetUTF-8"><title>手机捉鬼 微信HTML5在线朋友圈游戏</title><meta name&…...

vite中将css,js文件归类至文件夹
build: {chunkSizeWarningLimit: 1500,rollupOptions: {output: {// 最小化拆分包manualChunks(id) {if (id.includes(node_modules)) {return id.toString().split(node_modules/)[1].split(/)[0].toString()}},// 用于从入口点创建的块的打包输出格式[name]表示文件名,[hash]…...

中南大学无人机智能体的全面评估!BEDI:用于评估无人机上具身智能体的综合性基准测试
作者:Mingning Guo, Mengwei Wu, Jiarun He, Shaoxian Li, Haifeng Li, Chao Tao单位:中南大学地球科学与信息物理学院论文标题:BEDI: A Comprehensive Benchmark for Evaluating Embodied Agents on UAVs论文链接:https://arxiv.…...

通过Wrangler CLI在worker中创建数据库和表
官方使用文档:Getting started Cloudflare D1 docs 创建数据库 在命令行中执行完成之后,会在本地和远程创建数据库: npx wranglerlatest d1 create prod-d1-tutorial 在cf中就可以看到数据库: 现在,您的Cloudfla…...
数据库分批入库
今天在工作中,遇到一个问题,就是分批查询的时候,由于批次过大导致出现了一些问题,一下是问题描述和解决方案: 示例: // 假设已有数据列表 dataList 和 PreparedStatement pstmt int batchSize 1000; // …...

QT: `long long` 类型转换为 `QString` 2025.6.5
在 Qt 中,将 long long 类型转换为 QString 可以通过以下两种常用方法实现: 方法 1:使用 QString::number() 直接调用 QString 的静态方法 number(),将数值转换为字符串: long long value 1234567890123456789LL; …...
服务器--宝塔命令
一、宝塔面板安装命令 ⚠️ 必须使用 root 用户 或 sudo 权限执行! sudo su - 1. CentOS 系统: yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh2. Ubuntu / Debian 系统…...

Chrome 浏览器前端与客户端双向通信实战
Chrome 前端(即页面 JS / Web UI)与客户端(C 后端)的交互机制,是 Chromium 架构中非常核心的一环。下面我将按常见场景,从通道、流程、技术栈几个角度做一套完整的分析,特别适合你这种在分析和改…...

门静脉高压——表现
一、门静脉高压表现 00:01 1. 门静脉构成 00:13 组成结构:由肠系膜上静脉和脾静脉汇合构成,是肝脏血液供应的主要来源。淤血后果:门静脉淤血会同时导致脾静脉和肠系膜上静脉淤血,引发后续系列症状。 2. 脾大和脾功能亢进 00:46 …...
算法刷题-回溯
今天给大家分享的还是一道关于dfs回溯的问题,对于这类问题大家还是要多刷和总结,总体难度还是偏大。 对于回溯问题有几个关键点: 1.首先对于这类回溯可以节点可以随机选择的问题,要做mian函数中循环调用dfs(i&#x…...
OpenGL-什么是软OpenGL/软渲染/软光栅?
软OpenGL(Software OpenGL)或者软渲染指完全通过CPU模拟实现的OpenGL渲染方式(包括几何处理、光栅化、着色等),不依赖GPU硬件加速。这种模式通常性能较低,但兼容性极强,常用于不支持硬件加速…...
Vue 实例的数据对象详解
Vue 实例的数据对象详解 在 Vue 中,数据对象是响应式系统的核心,也是组件状态的载体。理解数据对象的原理和使用方式是成为 Vue 专家的关键一步。我将从多个维度深入剖析 Vue 实例的数据对象。 一、数据对象的定义方式 1. Options API 中的定义 在 Options API 中,使用 …...