說說你對AMD和Commonjs的理解

CommonJS是伺服器端模組的規範，Node.js採用了這個規範。

CommonJS規範載入模組是同步的，也就是說，只有載入完成，才能執行後面的操作。

由於Node.js主要用於伺服器程式設計，模組檔案一般都已經存在於本地硬碟，所以載入起來比較快，不用考慮非同步載入的方式，所以CommonJS規範比較適用。

瀏覽器不相容CommonJs的原因

瀏覽器不相容CommonJS的根本原因，在於缺少四個Node.js環境的變數。

module exports require global

AMD規範則是非同步載入模組，允許指定回撥函式。

AMD推薦的風格通過返回一個物件做為模組物件，CommonJS的風格通過對module.exports或exports的屬性賦值來達到暴露模組物件的目的。

AMD和CMD指的是瀏覽器端，CommonJS指的是服務端

對前端模組化的認識

但是，如果是瀏覽器環境， 要從伺服器端載入模組，這時就必須採用非同步模式，因此瀏覽器端一般採用AMD規範。

AMD 是 RequireJS 在推廣過程中對模組定義的規範化產出。
CMD 是 SeaJS 在推廣過程中對模組定義的規範化產出。
AMD 是提前執行，CMD 是延遲執行。

關於AMD

AMD 即Asynchronous Module Definition，中文名是非同步模組定義的意思。它是一個在瀏覽器端模組化開發的規範。

requireJS主要解決兩個問題

1、多個js檔案可能有依賴關係，被依賴的檔案需要早於依賴它的檔案載入到瀏覽器
2、js載入的時候瀏覽器會停止頁面渲染，載入檔案越多，頁面失去響應時間越長

AMD與CMD區別

最明顯的區別就是在模組定義時對依賴的處理不同

1、AMD推崇依賴前置，在定義模組的時候就要宣告其依賴的模組
2、CMD推崇就近依賴，只有在用到某個模組的時候再去require
這種區別各有優劣，只是語法上的差距，而且requireJS和SeaJS都支援對方的寫法

AMD和CMD最大的區別是對依賴模組的執行時機處理不同，注意不是載入的時機或者方式不同

很多人說requireJS是非同步載入模組，SeaJS是同步載入模組，這麼理解實際上是不準確的，其實載入模組都是非同步的，只不過AMD依賴前置，js可以方便知道依賴模組是誰，立即載入，而CMD就近依賴，需要使用把模組變為字串解析一遍才知道依賴了那些模組，這也是很多人詬病CMD的一點，犧牲效能來帶來開發的便利性，實際上解析模組用的時間短到可以忽略

為什麼我們說兩個的區別是依賴模組執行時機不同，為什麼很多人認為ADM是非同步的，CMD是同步的（除了名字的原因。。。）

同樣都是非同步載入模組，AMD在載入模組完成後就會執行改模組，所有模組都載入執行完後會進入require的回撥函式，執行主邏輯，這樣的效果就是依賴模組的執行順序和書寫順序不一定一致，看網路速度，哪個先下載下來，哪個先執行，但是主邏輯一定在所有依賴載入完成後才執行

CMD載入完某個依賴模組後並不執行，只是下載而已，在所有依賴模組載入完成後進入主邏輯，遇到require語句的時候才執行對應的模組，這樣模組的執行順序和書寫順序是完全一致的

這也是很多人說AMD使用者體驗好，因為沒有延遲，依賴模組提前執行了，CMD效能好，因為只有使用者需要的時候才執行的原因

require.js

require.js的誕生，就是為了解決這兩個問題：
　（1）實現js檔案的非同步載入，避免網頁失去響應；
　（2）管理模組之間的依賴性，便於程式碼的編寫和維護。