CommonJS规范与AMD/CMD规范总结

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

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

CommonJS规范中的moduleexportsrequire

  • 每个文件就是一个模块,有自己的作用域。每个模块内部,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变量指向一个值,因为这样等于切断了exportsmodule.exports的联系:如下

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

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

AMD/CMD规范

  • AMDRequireJS在推广过程中对模块定义的规范化产出。
    CMDSeaJS在推广过程中对模块定义的规范化产出。
  • 对于依赖的模块,AMD是提前执行,CMD是延迟执行。不过 RequireJS2.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的作者默认是最喜欢上面的写法,也是官方文档里默认的模块定义写法。

  • AMDAPI默认是一个当多个用,CMDAPI严格区分,推崇职责单一。
    比如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,你会被坑的很惨

上一篇:exports、module.exports以及export和export default的区别


下一篇:JavaScript模块化-CommonJS、AMD、CMD、UMD、ES6