1.为什么要CommonJS规范
javascript存在的缺点
- 没有模块系统
- 标准库比较少
- 没有标准接口
- 缺乏包管理系统
CommonJS规范的提出，弥补了javascript没有标准的缺陷，以达到像Python、Ruby、Java具备的开发大型应用的基础能力，这样javascript不仅仅能在客户端应用还能开发以下应用：
- 服务端应用
- 命令行工具
- 桌面图形界面应用
- 混合应用
2.CommonJS的模块规范
1.模块引入
使用require()来引入 ,接受一个模块标识。
let math = require('math');
2.定义模块
上下文提供里exports对象用于导出模块或变量，并且是唯一导出出口。在模块中存在一个module对象，代表模块自身，exports是它的一个属性。在nodejs中一个文件就是一个模块，把方法挂在exports对象上作为属性即可定义导出
//math.js
exports.add = function(){
let sum = 0,
i = 0,
args = arguments,
l = args.length;
while(i < l) {
sum += args[i ++];
}
return sum;
}
在另一个文件require使用
const math = require('./math');
let res = math.add(1, 2, 3);
console.log(res)
//6
3.模块标识
模块标识为require()的参数必须是符合小驼峰命名的字符串，或以.、..开头的相对路径，或绝对路径,可以是没有.js后缀的js文件。
模块中定义的全局变量只作用于该文件内部，不污染其他模块。
4.Node模块实现
Node中引入模块需经历以下步骤：
- 路径分析
- 文件定位
- 编译执行
Node中模块分为两类： 1.Node提供的 "核心模块"，2.用户编写的 "文件模块"。
核心模块Node源码编译时已经编译成二进制执行文件，Node启动时直接加载进内存中，不需要文件定位和编译执行两个步骤，且在路径分析中优先判断，加载速度最快。
1.优先从缓存加载
Node会对引入过的模块进行缓存，核心模块和文件模块相同的模块在二次加载时一律从缓存优先加载（第一优先级），核心模块缓存检测优先于文件模块缓存检测。
2.路径分析文件定位
1.模块标识符分析
标识符分类：
- 核心模块，如http、fs、path等
- .或..开始的相对路径文件模块
- 以/开头的绝对路径模块
- 非路径形式的文件模块，如自定义的connect模块 一个文件或一个包
2.自定义模块
console.log(module.paths)
//[ 'c:\\Users\\maikuraki\\Desktop\\nodejs\\node_modules',
'c:\\Users\\maikuraki\\Desktop\\node_modules',
'c:\\Users\\maikuraki\\node_modules',
'c:\\Users\\node_modules',
'c:\\node_modules' ]
Node会逐个路径尝试知道找到目标文件，模块路径越深耗时越多。
3.文件定位
标识符可以不包含文件扩展，这种情况下Node会安装.js、.json、.node次序补全扩展名。
如果是个包Node会检测里面的package.json文件Node通过JOSN.parse()解析出包的描述对象去除main属性指向的文件进行定位，如果没有该属性默认查找index.js、index.json、index.node。
3.模块编译
在Node中每个文件模块都是一个对象。
编译和执行是引入文件模块的最后一个阶段，定位到一个文件后，Node会新建一个模块对象，然后根据路径载入并编译。不同扩展名载入方式：
- .js 通过fs模块读取后编译执行
- .node 这是C/C++编写的扩展文件，通过dlopen()方法加载最后编译生成文件
- .json 通过fs模块读取文件使用JSON.parse()解析并返回
- 其他扩展名文件 当做.js文件载入
1.javascript模块的编译
在编译过程中Node对获取的javascript文件进行的头尾包装
(function(exports, require, module, __filename, __dirname) {
exports.add = (x, y) => {
return x + y;
}
})
这样每个模块文件直接都进行了作用域隔离，这就是Node对CommonJS规范的实现。
2.C/C++模块编译
Node调用process.dlopen()来进行加载执行，windows和*nix平台下dlopen()通过不同方式实现，通过libuv兼容层进行封装。
3.JSON文件编译
Node使用fs模块读取json文件内容，使用JSON.parse()得到对象然后给他赋给模块对象的exports属性。
4.核心模块
核心模块分为C/C++编写和javascript编写，C/C++存放在Node项目的src文件下，javascript文件存在lib目录下。
核心模块中有些模块核心部分使用C/C++完成其他使用javascript实现包装导出。由纯C/C++编写的部分称为内建模块，例：buffer、crypto、evals、fs、os等模块部分使用C/C++编写。
依赖层关系： 内建模块（C/C++） ---> 核心模块（javascript）---> 文件模块
核心模块的引入流程
以os原生模块引入为例
NODE_MODULE(node_os,reg_func) ---> get_builtin_module('node_os') ---> process.binding('os') ---> NativeModule.require('os') ---> require('os')
5.C/C++扩展模块
1.扩展模块在不同平台上编译和加载过程
Windows
C/C++源码 ---> VC++ --编译源码--> .dll文件 --生成.node文件--> 加载.dll文件 --dlopen()加载--> 导出给javascript使用
*nix
C/C++源码 ---> g++/gcc --编译源码--> .so文件 --生成.node文件--> 加载.so文件 --dlopen()加载--> 导出给javascript使用
2.编译条件
- node-gyp工具
- V8引擎C++库
- libuv库
- Node内部库
- 其他库
3.C/C++扩展模块的加载
require()引入.node文件过程
javascript（require('./hello.node')） ---> 原生模块（process.dlopen('./hello.node',exports)） ---> libuv（uv_dlopen()/uv_dlsym()） ---> [{*nix: dlopen()/dlsym(), Windows : loadLibraryExW()/GetProcAddress()}]
6.包与NPM
包结构：
- package.json 包描述文件
- bin 存放可执行位二进制文件
- lib 存放javascript文件
- doc 存放文档
- test 存放单元测试
7.前后端公用模块
1.AMD规范
AMD规范是CommonJS规范的一个延伸，定义模块方法：
define(id?, dependencies?, factory);
define(function() {
let exports = {};
exports.sayHello = () => {
console.log(`hello form module: ${module.id}`);
}
return exports;
})
2.CMD规范
CMD与AMD规范的主要区别在于定义模块和依赖引入的部分。AMD需要在声明的时候指定所有依赖，通过形参传递依赖到模块中：
define(['dep1', 'dep2'], function() {
return function() {}
})
于AMD规范相比，CMD模块更接近与Node对CommonJS规范的定义:
define(factory);
在依赖部分，CMD支持动态引入：
define(function(require, exports, module) {
// module code
})
require,exports,module通过形参传递给模块，在需要依赖模块时随时调用require()引入。
兼容多种模块规范
((name, definition) => {
//检测是否为AMD或者CMD
let hasDefine = typeof define === 'function',
//检测是否为Node
hasExports = typeof module !== 'undefined' && 'module.exports';
if(hasDefine) {
//AMD或CMD环境
define(definition);
}else if(hasExports) {
//定义为普通Node模块
module.exports = definition();
}else {
//将模块执行结果挂载在window对象下
this[name] = definition;
}
})('hello', function() {
let hello = () => {};
return helllo;
})
网友评论