一、CommonJS
CommonJS 是一种同步的模块化规范,所以主要用于服务器端,Node.js 采用的就是这个规范。
特点:
- 对于基本数据类型,属于复制。
- 对于复杂数据类型,属于浅拷贝。所以由于两个模块引用的对象指向同一个内存空间,因此对该模块的值做修改时会影响另一个模块。
- 当使用 require 命令加载某个模块时,就会运行整个模块的代码。
- 当使用 require 命令加载同一个模块时,不会再执行该模块,而是会取缓存中的值。也就是说,CommonJS 模块无论加载多少次,都只会在第一次加载时运行一次,以后再加载,就返回第一次运行的结果。
二、AMD
浏览器端的模块化,不能采用“同步加载”,只能采用“异步加载”,否则浏览器有可能会处于“假死”状态。这就是 AMD 规范诞生的背景。
AMD 也采用 require 语句加载模块,但是不同于 CommonJS,它要求两个参数:
第一个参数是一个数组,里面的成员就是要加载的模块;
第二个参数 callback,则是加载成功之后的回调函数,就是下边这样:
require(['math'], function (math) {
math.add(2, 3)
})
特点:
- AMD 采用异步的方式加载各模块
- 先引入模块,后使用引用的模块的方法,这种方式我们称之为依赖前置
三、CMD
CMD 也是一种浏览器端的模块化规范
CMD 中所有模块通过 define 定义,依赖通过 require 引入
define(function (requie, exports, module) {
var a = require('./a')
a.test()
if (status) {
var b = requie('./b')
b.test()
}
})
特点:
- CMD 推崇依赖就近(即只有在用到某个模块的时候再去 require —— 按需引入)
四、ES6 模块
上面的 AMD,CMD,CommonJs 都是 ES5 时期的。
ES6 中无需引入别的 js 文件,ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案。
ES6 模块的设计思想是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。CommonJS 和 AMD 模块,都只能在运行时确定这些东西。