AMD規(guī)范:
AMD規(guī)范: 全稱"Asynchronous Module Definition", 稱為異步模塊加載規(guī)范呐萌。一般應用在瀏覽器端。requireJS遵循的就是AMD規(guī)范谊娇。
特點: 依賴前置肺孤,提前執(zhí)行
define(['jquery','underscore'], function($, _) {
//methods
function a(){}; //私有方法
function b(){}; //公有方法
return {
b: b
}
})
define是AMD 規(guī)范用來聲明模塊接口,示例中的第一個參數(shù)是一個數(shù)組,表示當前模塊的依賴赠堵。第二個參數(shù)是一個回調(diào)函數(shù)小渊,表示此模塊的執(zhí)行體。只有當依賴數(shù)組中的所有依賴模塊都是可用的時茫叭,AMD模塊加載器(如requeryJS)才會去執(zhí)行回調(diào)函數(shù)并返回此模塊的暴露接口酬屉。
CMD規(guī)范:
CMD規(guī)范 全稱"Common Module Definition", 稱為通過模塊加載規(guī)范。一般也是用在瀏覽器端揍愁。Sea,js 遵循的是CMD規(guī)范呐萨。
特點: 依賴就近,延遲執(zhí)行莽囤。
define(function(require, exports, module){
var a = require('./a');
a.doSomething();
var b = require('./b');
b.doSomething();
});
AMD 與 CMD 總結:
- 對于依賴的模塊垛吗,AMD 是提前執(zhí)行,CMD 是延遲執(zhí)行烁登。
- CMD 推崇依賴就近怯屉,AMD 推崇依賴前置。
CommonJS規(guī)范
CommonJS: 稱為同步模塊加載規(guī)范饵沧,也就是說锨络,只有加載完成,才能執(zhí)行后面的操作狼牺。
Node.js遵循CommonJS規(guī)范羡儿。這是因為Node.js主要用于服務器編程,模塊文件一般都已經(jīng)存在于本地硬盤是钥,所以加載起來比較快掠归,不用考慮非同步加載的方式。但如果是瀏覽器環(huán)境悄泥,要從服務器端加載模塊虏冻,這時就必須采用非同步模式,因此瀏覽器端一般采用AMD規(guī)范弹囚。
下面是使用CommonJS規(guī)范聲明一個名為foo模塊的方式厨相,同時依賴jquery模塊。
// filename: foo.js
// dependencies
var $ = require('jquery');
// methods
function myFunc() {};
// exposed public method (single)
module.exports = myFunc;
參考文獻:
http://blog.gejiawen.com/2015/11/03/what-is-amd-cmd-commonjs-umd/
http://blog.gejiawen.com/2014/07/18/small-talk-about-fe-spec/