CommonJS规范与AMD/CMD规范总结

转载：https://www.jianshu.com/p/7c7fc199b7aa

• CommonJS规范加载模块是同步的，只有加载完成，才能执行后面的操作。
• AMD规范是非同步加载模块，允许指定回调函数。
  由于Node.js主要用于服务器编程，模块文件一般都已经存在于本地硬盘，所以加载起来比较快，不用考虑非同步加载的方式，所以CommonJS规范比较适用。但是，如果是浏览器环境，要从服务器端加载模块，这时就必须采用非同步模式，因此浏览器端一般采用AMD规范。

CommonJS规范中的module、exports和require

• 每个文件就是一个模块，有自己的作用域。每个模块内部，module变量代表当前模块，是一个对象，它的exports属性（即module.exports）是对外的接口。
• module.exports属性表示当前模块对外输出的接口，其他文件加载该模块，实际上就是读取module.exports变量。
• 为了方便，Node为每个模块提供一个exports变量，指向module.exports。

let exports = module.exports;

• require命令用于加载模块文件。

使用示例：

  //name.js
  exports.name = function(){return '李婷婷'}; //导出
  //getName.js
  let getName = require('name'); //引入

注：不能直接将exports变量指向一个值，因为这样等于切断了exports与module.exports的联系：如下

exports = function(x){console.log(x)}

如果一个模块的对外接口，就是一个单一的值，不能使用exports输出，只能使用module.exports输出。

AMD/CMD规范

• AMD是RequireJS在推广过程中对模块定义的规范化产出。
  CMD是SeaJS在推广过程中对模块定义的规范化产出。
• 对于依赖的模块，AMD是提前执行，CMD是延迟执行。不过 RequireJS从 2.0开始，也改成可以延迟执行（根据写法不同，处理方式不同）。CMD 推崇as lazy as possible.
• CMD推崇依赖就近，AMD推崇依赖前置。

//CMD
define(function(require, exports, module) {   
   let a = require('./a'); 
   a.doSomething();
   ···
   let b = require('./b'); // 依赖可以就近书写   
   b.doSomething();
   ... 
})

// AMD 默认推荐的是
define(['./a', './b'], function(a, b) { 
  // 依赖必须一开始就写好    
  a.doSomething()   
  ...
  b.doSomething()   
  ...
}) 

虽然AMD也支持CMD的写法，同时还支持将require作为依赖项传递，但RequireJS的作者默认是最喜欢上面的写法，也是官方文档里默认的模块定义写法。

• AMD 的API默认是一个当多个用，CMD的API严格区分，推崇职责单一。
  比如AMD里，require分全局require和局部require，都叫 require。CMD里，没有全局require，而是根据模块系统的完备性，提供seajs.use来实现模块系统的加载启动。CMD里，每个API都简单纯粹。

拓展
目前所有的引擎都还没有实现import，在node中使用babel支持ES6，也仅仅是将ES6转码为ES5再执行，import语法会被转码为require。这也是为什么在模块导出时使用module.exports，在引入模块时使用import仍然起效，因为本质上，import会被转码为require去执行。

参考文档
CommonJS规范
AMD 和 CMD 的区别有哪些？
Node中没搞明白require和import，你会被坑的很惨