題目1： 為什么要使用模塊化？
解決命名沖突
依賴管理
提高代碼可讀性
代碼解耦桦锄，提高復(fù)用性
題目2： CMD扎附、AMD、CommonJS 規(guī)范分別指什么结耀？有哪些應(yīng)用
- CMD 是 SeaJS 在推廣過(guò)程中對(duì)模塊定義的規(guī)范化產(chǎn)出留夜。主要用于瀏覽器端。它主要特點(diǎn)是：對(duì)于依賴的模塊是延遲執(zhí)行图甜，依賴可以就近書寫碍粥，等到需要用這個(gè)依賴的時(shí)候再引入這個(gè)依賴，應(yīng)用有sea.js
// 定義模塊 Module.js
define(function(require,exports,modules){
var printName = require('./a')
modules.exports = printName;
return {
printName: printName
};
});
// 加載模塊
require(['Module'], function (my){
my.printName(); });
//require是一個(gè)方法黑毅，接受 模塊標(biāo)識(shí) 為唯一參數(shù)嚼摩，用來(lái)獲取其他模塊的提供的接口。
//exports是一個(gè)對(duì)象，用來(lái)對(duì)外界提供模塊接口
//Module 是一個(gè)對(duì)象枕面，上面存儲(chǔ)了與當(dāng)前模塊相關(guān)聯(lián)的一些屬性和方法
- AMD 是 RequireJS 在推廣過(guò)程中對(duì)模塊定義的規(guī)范化產(chǎn)出愿卒。主要用于瀏覽器端。其特點(diǎn)是：依賴前置潮秘，需要在定義時(shí)就寫好需要的依賴琼开，提前執(zhí)行依賴，應(yīng)用有require.js
模塊定義:
define([id], [dependencies], factory)
[id]可選參數(shù)枕荞，用來(lái)定義模塊的標(biāo)識(shí)柜候，如果沒有提供該參數(shù)，腳本文件名（去掉拓展名）
[dependencies]躏精，是一個(gè)當(dāng)前模塊依賴的模塊名稱數(shù)組
[factory]渣刷，工廠方法，模塊初始化要執(zhí)行的函數(shù)或?qū)ο蟠Ｖ颉Ｈ绻麨楹瘮?shù)辅柴，它應(yīng)該只被執(zhí)行一次。如果是對(duì)象高诺，此對(duì)象應(yīng)該為模塊的輸出值
模塊加載:
require([module], callback)
module碌识，表示所需要加載的模塊
callback，模塊加載完成后的回調(diào)函數(shù)
define(['dependency'], function(){
var name = 'Byron';
function printName(){
console.log(name);
}
return {
printName: printName
};
});
// 加載模塊
require(['Module'], function (my){
my.printName()
})
- CommonJS規(guī)范是在服務(wù)器端模塊的規(guī)范虱而，是同步加載的筏餐。應(yīng)用有node.js
所有代碼都運(yùn)行在模塊作用域，不會(huì)污染全局作用域牡拇。
模塊可以多次加載魁瞪，但是只會(huì)在第一次加載時(shí)運(yùn)行一次，然后運(yùn)行結(jié)果就被緩存了惠呼，以后再加載导俘，就直接讀取緩存結(jié)果。要想讓模塊再次運(yùn)行剔蹋，必須清除緩存旅薄。
模塊加載的順序，按照其在代碼中出現(xiàn)的順序
//模塊定義
var x = 5;
var addX = function (value) {
return value + x;
};
module.exports.x = x;
module.exports.addX = addX;
//模塊加載
var example = require('./example.js');
console.log(example.x); // 5
console.log(example.addX(1)); // 6
