美文网首页
CommonJS规范与AMD/CMD规范总结

CommonJS规范与AMD/CMD规范总结

作者: 葶寳寳 | 来源:发表于2018-07-26 18:35 被阅读0次
    • 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,你会被坑的很惨

    相关文章

      网友评论

          本文标题:CommonJS规范与AMD/CMD规范总结

          本文链接:https://www.haomeiwen.com/subject/aixwfftx.html