js模块化的两种规范AMD和CMD

Posted 2020-10-14 张啊咩

AMD 规范在这里：https://github.com/amdjs/amdjs-api/wiki/AMD
CMD 规范在这里：https://github.com/seajs/seajs/issues/242

AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。
CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。

区别：

1. 对于依赖的模块，AMD 是提前执行，CMD 是延迟执行。不过 RequireJS 从 2.0 开始，也改成可以延迟执行（根据写法不同，处理方式不同）。CMD 推崇 as lazy as possible.

2. CMD 推崇依赖就近，AMD 推崇依赖前置，例如：

// CMD 默认推荐的是
define(function(require, exports, module) {   
    var a = require(‘./a‘)   
    a.doSomething()   
    // 此处略去 100 行   
    var b = require(‘./b‘) 
    // 依赖可以就近书写   
    b.doSomething()   
    ... 
})
// AMD 默认推荐的是
define([‘./a‘, ‘./b‘], function(a, b) {  
    // 依赖必须一开始就写好    
    a.doSomething()    
    // 此处略去 100 行    
    b.doSomething()    
    ...
})

值得一提的是Require也支持CMD的写法，但是似乎Require更加推荐以上这种AMD默认写法。

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

4. 还有一些细节差异，具体看这个规范的定义就好，就不多说了。