題目1： 為什么要使用模塊化？
使用模塊化可以：
- 解決命名沖突；
- 可進行依賴管理；
- 增強代碼的可讀性；
- 代碼解耦，提高代碼的復用率；
題目2： CMD、AMD、CommonJS 規范分別指什么？有哪些應用
-
CMD：
CMD 即Common Module Definition通用模塊定義，CMD規范是國內發展出來的，就像AMD有個requireJS，CMD有個瀏覽器的實現SeaJS，SeaJS要解決的問題和requireJS一樣，只不過在模塊定義方式和模塊加載（可以說運行、解析）時機上有所不同
語法
Sea.js 推崇一個模塊一個文件，遵循統一的寫法
define
define(id?, deps?, factory)
因為CMD推崇
- 一個文件一個模塊，所以經常就用文件名作為模塊id
- CMD推崇依賴就近，所以一般不在define的參數中寫依賴，在factory中寫
factory有三個參數
function(require, exports, module)
require
require 是 factory 函數的第一個參數
require(id)
require 是一個方法，接受 模塊標識 作為唯一參數，用來獲取其他模塊提供的接口
exports
exports 是一個對象，用來向外提供模塊接口
module
module 是一個對象，上面存儲了與當前模塊相關聯的一些屬性和方法
demo
// 定義模塊 myModule.js
define(function(require, exports, module) {
var $ = require('jquery.js')
$('div').addClass('active');
});
// 加載模塊
seajs.use(['myModule.js'], function(my){
});
-
AMD：
AMD 即Asynchronous Module Definition，中文名是異步模塊定義的意思。它是一個在瀏覽器端模塊化開發的規范
由于不是JavaScript原生支持，使用AMD規范進行頁面開發需要用到對應的庫函數，也就是大名鼎鼎RequireJS，實際上AMD 是 RequireJS 在推廣過程中對模塊定義的規范化的產出
requireJS主要解決兩個問題
- 多個js文件可能有依賴關系，被依賴的文件需要早于依賴它的文件加載到瀏覽器
- js加載的時候瀏覽器會停止頁面渲染，加載文件越多，頁面失去響應時間越長
看一個使用requireJS的例子
// 定義模塊 myModule.js
define(['dependency'], function(){
var name = 'Byron';
function printName(){
console.log(name);
}
return {
printName: printName
};
});
// 加載模塊
require(['myModule'], function (my){
my.printName(); });
語法
requireJS定義了一個函數 define，它是全局變量，用來定義模塊
define(id?, dependencies?, factory);
id：可選參數，用來定義模塊的標識，如果沒有提供該參數，腳本文件名（去掉拓展名）
dependencies：是一個當前模塊依賴的模塊名稱數組
factory：工廠方法，模塊初始化要執行的函數或對象。如果為函數，它應該只被執行一次。如果是對象，此對象應該為模塊的輸出值
在頁面上使用require函數加載模塊
require([dependencies], function(){});
require()函數接受兩個參數
- 第一個參數是一個數組，表示所依賴的模塊
- 第二個參數是一個回調函數，當前面指定的模塊都加載成功后，它將被調用。加載的模塊會以參數形式傳入該函數，從而在回調函數內部就可以使用這些模塊
require()函數在加載依賴的函數的時候是異步加載的，這樣瀏覽器不會失去響應，它指定的回調函數，只有前面的模塊都加載成功后，才會運行，解決了依賴性的問題。
-
CommonJS服務器端規范(node.js使用)
node.js 天然支持CommonJS規范
定義模塊: 根據CommonJS規范，一個單獨的文件就是一個模塊。每一個模塊都是一個單獨的作用域，也就是說，在該模塊內部定義的變量，無法被其他模塊讀取，除非定義為global對象的屬性
模塊輸出： 模塊只有一個出口，module.exports對象，我們需要把模塊希望輸出的內容放入該對象
加載模塊： 加載模塊使用require方法，該方法讀取一個文件并執行，返回文件內部的module.exports對象
//在文件a.js中定義模塊
var people = {
name:'ruoyu',
sayName: function(){
console.log(this.name)
}
}
module.exports = people;
//在文件b.js中定義加載模塊，終端輸入node b.js運行
var p = require('./a');
p.sayName();
console.log('hello')
require是同步的。即模塊系統需要同步讀取模塊文件內容，并編譯執行以得到模塊接口。這在服務器端實現很簡單，在瀏覽器端，加載JavaScript最佳、最容易的方式是在document中插入script 標簽。但腳本標簽天生異步，傳統CommonJS模塊在瀏覽器環境中無法正常加載。
解決思路之一是，開發一個服務器端組件，對模塊代碼作靜態分析，將模塊與它的依賴列表一起返回給瀏覽器端。但需要服務器安裝額外的組件，并因此要調整一系列底層架構。
