AMD(异步模块定义)、CMD(通用模块定义)、CommonJS()
这些东西都是js规范,前两个是为了实现浏览器端模块化开发。
CommonJS定义的模块分为:{模块引用(require)} {模块定义(exports)} {模块标识(module)}
这里主要是nodejs
使用
var fs = require('fs');
var http = require('http');
这里将example.js 的方法导出,以后再其他文件里面只需要require('example.js')即可
module.exports = {init: function(){}}
exports.func = function(){//dosomething;}
AMD(Asynchronous Module Definition,异步加载,浏览器端)
RequireJS实现了AMD
规范
出现的原因,同步等待,假如js文件很大,会造成阻塞。
它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。
定义方法,有点类似 `angular`的依赖注入
define(['dep1','dep2'],function(dep1,dep2){...});
CMD
对于依赖的模块,AMD 是提前执行,CMD 是延迟执行。不过 RequireJS 从 2.0 开始,也改成可以延迟执行(根据写法不同,处理方式不同)。CMD 推崇 as lazy as possible.
CMD 推崇依赖就近,AMD 推崇依赖前置。看代码:
AMD 的 API 默认是一个当多个用,CMD 的 API 严格区分,推崇职责单一。比如 AMD 里,require 分全局 require 和局部 require,都叫 require。CMD 里,没有全局 require,而是根据模块系统的完备性,提供 seajs.use 来实现模块系统的加载启动。CMD 里,每个 API 都简单纯粹
// 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()
...
})