CommonJS、AMD、CMD 和 ES6 Model 的区别

一、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 模块，都只能在运行时确定这些东西。