JavaScript之模組化程式設計（二）
阿新 • • 發佈：2019-01-30
目前，通行的JavaScript模組規範共有兩種：CommonJS和AMD。這裡主要介紹AMD，但是會先從CommonJS講起。
一、CommonJS
2009年，美國程式設計師Ryan Dahl創造了node.js專案，將JavaScript語言用於伺服器端程式設計。這標誌“JavaScript模組化程式設計”正式誕生。因為老實說，在瀏覽器環境下，沒有模組也不是特別大的問題，畢竟網頁程式的複雜性有限；但是在伺服器端，一定要有模組，與作業系統和其他應用程式互動，否則根本沒法程式設計。 node.js的模組系統，就是參照CommonJS規範實現的。在CommonJS中，有一個全域性性方法require()，用於載入模組。假定有一個數學模組math.js，就可以這樣載入：然後，就可以呼叫模組提供的方法：var math = require('math');
var math = require('math');
math.add(2,3);//5二、瀏覽器環境
有了伺服器端模組以後，很自然地，大家就想要客戶端模組。而且兩者最好能夠相容，一個模組不用修改，在伺服器和瀏覽器都可以執行。 但是，由於一個重大的侷限，使得CommonJS規範不適用於瀏覽器環境。上面的程式碼如果在瀏覽器中執行，會有一個很大的問題：第二行math.add(2,3)，在第一行require之後執行，因此必須等math.js載入完成，也就是說，如果載入時間很長，整個應用就會停在那裡等。這對於伺服器端不是一個問題，因為所有的模組都存放在本地硬碟，可以同步載入完成，等待時間就是硬碟的讀取時間。但是，對於瀏覽器，這卻是一個大問題，因為模組都放在伺服器端，等待時間取決於網速的快慢，可能要等很長時間，瀏覽器處於“假死”狀態。 因此，瀏覽器端的模組，不能採用“同步載入”，只能採用“非同步載入”。這就是AMD規範誕生的背景。三、AMD
require([module], callback);math.add()與math模組載入不是同步的，瀏覽器不會發生假死。 所以很顯然，AMD比較適合瀏覽器環境。 目前，主要有兩個JavaScript庫實現了AMD規範：require.js 和 curl.js。require(['math'], function(math){ math.add(2, 3); });