在CommonJS中，有一个全局性方法require()，用于加载模块。假定有一个数学模块math.js，就可以像下面这样加载。
|
1
|
var math = require(‘math‘);
|
然后，就可以调用模块提供的方法：
|
1
2
|
var math = require(‘math‘);
math.add(2,3); // 5
|
AMD是”Asynchronous Module Definition”的缩写，意思就是”异步模块定义”。它采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行。
模块必须采用特定的define()函数来定义。
|
1
|
define(id?, dependencies?, factory)
|
如果一个模块不依赖其他模块，那么可以直接定义在define()函数之中。
|
1
2
3
4
5
6
7
8
9
|
// math.js
define(function (){
var add = function (x,y){
return x+y;
};
return {
add: add
};
});
|
如果这个模块还依赖其他模块，那么define()函数的第一个参数，必须是一个数组，指明该模块的依赖性。
|
1
2
3
4
5
6
7
8
|
define([‘Lib‘], function(Lib){
function foo(){
Lib.doSomething();
}
return {
foo : foo
};
});
|
当require()函数加载上面这个模块的时候，就会先加载Lib.js文件。
AMD也采用require()语句加载模块，但是不同于CommonJS，它要求两个参数：
|
1
|
require([module], callback);
|
第一个参数[module]，是一个数组，里面的成员就是要加载的模块；第二个参数callback，则是加载成功之后的回调函数。如果将前面的代码改写成AMD形式，就是下面这样：
|
1
2
3
|
require([‘math‘], function (math) {
math.add(2, 3);
});
|
math.add()与math模块加载不是同步的，浏览器不会发生假死。所以很显然，AMD比较适合浏览器环境。
目前，主要有两个Javascript库实现了AMD规范：require.js和curl.js。
CMD (Common Module Definition), 是seajs推崇的规范，CMD则是依赖就近，用的时候再require。它写起来是这样的：
|
1
2
3
4
|
define(function(require, exports, module) {
var clock = require(‘clock‘);
clock.start();
});
|
CMD与AMD一样，也是采用特定的define()函数来定义,用require方式来引用模块
|
1
|
define(id?, dependencies?, factory)
|
|
1
2
3
4
5
|
define(‘hello‘, [‘jquery‘], function(require, exports, module) {
// 模块代码
});
|
如果一个模块不依赖其他模块，那么可以直接定义在define()函数之中。
|
1
2
3
|
define(function(require, exports, module) {
// 模块代码
});
|
注意：带 id 和 dependencies 参数的 define 用法不属于 CMD 规范，而属于 Modules/Transport 规范。
AMD和CMD最大的区别是对依赖模块的执行时机处理不同，而不是加载的时机或者方式不同，二者皆为异步加载模块。
AMD依赖前置，js可以方便知道依赖模块是谁，立即加载；
而CMD就近依赖，需要使用把模块变为字符串解析一遍才知道依赖了那些模块，这也是很多人诟病CMD的一点，牺牲性能来带来开发的便利性，实际上解析模块用的时间短到可以忽略。
原文：https://www.cnblogs.com/sen-blog/p/14802198.html