CMD、AMD、CommonJS 规范

1.为什么要使用模块化？

• 当去执行某个文件的过程中，如果将全部代码写在同一个文件下，在命名变量时，有些变量是全局变量，从而会出现命名冲突的问题，使用模块化就可以避免这类问题。
• 使用模块化后，一个模块就是实现特定功能的文件，有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块，利于代码的复用性。
• 因为每个模块都是相互独立，互不干扰的，这样也有利于更好的可维护性和方便管理。

2.CMD、AMD、CommonJS 规范分别指什么？有哪些应用

CMD：

• CMD：通用模块定义（Common Module Definition），该规范明确了模块的基本书写格式和基本交互规则。
• 在 CMD 规范中，一个模块就是一个文件。语法：

define(factory);

factory为函数时，表示是模块的构造方法。执行该构造方法，可以得到模块向外提供的接口。factory 方法在执行时，默认会传入三个参数：require、exports和 module：

define(function(require, exports, module) {
     // 模块代码
});

• 应用

define(function(require, exports, module) {
  var a = require('./a')
  a.doSomething()
    // 此处略去 1000 行
  var b = require('./b') // 依赖可以就近书写
  b.doSomething()
    // ... 
})

AMD：

• AMD：异步模块定义（Asynchronous Module Definition），是一个在浏览器端模块化开发的规范。模块将被异步加载，模块加载不影响后面语句的运行。
• AMD规范只定义了一个函数 define，它是全局变量。语法为：

define(id?, dependencies?, factory);

id：指定义中模块的名字，可选；
dependencies：是一个当前模块依赖的，已被模块定义的模块标识的数组字面量。
factory：模块初始化要执行的函数或对象。如果为函数，它应该只被执行一次。如果是对象，此对象应该为模块的输出值。

• 应用：

define(['./a', './b'], function(a, b) { // 依赖必须一开始就写好  
  a.doSomething()  
    // 此处略去 1000 行
  b.doSomething()...
})

CommonJS：

• CommonJS：是服务器端模块的规范，Node.js采用了这个规范。Node.JS首先采用了js模块化的概念。一个单独的文件就是一个模块。每一个模块都是一个单独的作用域，也就是说，在该模块内部定义的变量，无法被其他模块读取，除非定义为global对象的属性。
• 应用：

var i = 1;
var max = 30;
module.exports = function () { 
   for (i -= 1; i++ < max; ) { 
     console.log(i); 
   } 
   max *= 1.1;
};

上面代码通过module.exports对象，定义了一个函数，该函数就是模块外部与内部通信的桥梁。
加载模块使用require方法，该方法读取一个文件并执行，最后返回文件内部的module.exports对象。

CMD与AMD的区别：

• AMD 是 RequireJS 在推广过程中对模块定义的规范化产出，而CMD 是 SeaJS 在推广过程中对模块定义的规范化产出；
• AMD提前执行（异步加载：依赖先执行）+延迟执行，CMD延迟执行（运行到需加载，根据顺序执行）；
• AMD 推崇依赖前置，CMD 推崇依赖就近；
• AMD的API根据使用范围有区别，但使用同一个api接口，CMD每个API的职责单一；
• AMD的优点是异步并行加载，在AMD的规范下，同时异步加载是不会产生错误的。CMD的机制则不同，这种加载方式会产生错误，如果能规范化模块内容形式，也可以。

参考：模块化开发