js模塊化編程總結

CommonJs

一個更偏向於服務器端的規範,同步加載模塊

require命令第一次加載該腳本時就會執行整個腳本，而後在內存中生成一個對象.

// math.js

exports.add = function(a, b) { return a + b; }

//index.js

var math = require('math'); math.add(2, 3); // 5

運用：nodeJS

AMD (Asynchronous Module Definition)(異步模塊定義)

異步指的是不堵塞瀏覽器其餘任務（dom構建，css渲染等），而加載內部是同步的（加載完模塊後當即執行回調）

AMD是依賴前置的

define(id?, dependencies?, factory)

require([module], callback);

 

CMD

依賴就近，延遲執行

define(factory)

 

UMD

兼容各類加載規範

 

ES6

import命令用於輸入其餘模塊提供的功能，export命令用於規定模塊的對外接口

 

 

 

 

 

 

 link:http://blog.csdn.net/Real_Bird/article/details/54869066