AMD与CMD是用在浏览器端的,都是异步加载模块
- RequireJs 遵循 AMD 规范(用define定义规范模块,用require引用模块),
- SeaJs 遵循 CMD 规范
CommonJs是用在服务器端的,同步加载模块
- NodeJs 和 WebPack 是CommonJs规范的实现
- 用 module.exports 定义模块,用 require 引用模块
- 根据CommonJS规范,一个单独的文件就是一个模块。加载模块使用 require 方法,该方法读取一个文件并执行,最后返回文件内部的 exports对象
- CommonJS 加载模块是同步的,所以只有加载完成才能执行后面的操作。像Node.js主要用于服务器的编程,加载的模块文件一般都已经存在本地硬盘,所以加载起来比较快,不用考虑异步加载的方式,所以CommonJS规范比较适用。
- 但如果是浏览器环境,要从服务器加载模块,这是就必须采用异步模式。所以就有了 AMD CMD 解决方案。
CMD与AMD的区别
- 对于依赖的模块 AMD 是提前执行,CMD 是延迟执行。不过RequireJS从2.0开始,也改成可以延迟执行(根据写法不同,处理方式不通过)
- CMD 推崇依赖就近,AMD 推崇依赖前置
- 虽然 AMD 也支持 CMD 写法,但依赖前置是官方文档的默认模块定义写法
- AMD 的 api 默认是一个当多个用,CMD 严格的区分推崇职责单一。例如:AMD 里require分全局的和局部的。CMD 里面没有全局的 require,提供 seajs.use()来实现模块系统的加载启动。CMD里每个API都简单纯粹
//AMD
define(['./a','./b'], function (a, b) {
//依赖一开始就写好
a.test();
b.test();
});
//CMD
define(function (requie, exports, module) {
//依赖可以就近书写
var a = require('./a');
a.test();
//软依赖
if (status) {
var b = requie('./b');
b.test();
}
});