標籤:伺服器端 mon 意思 function api 規範 用法 如何 var
1.CommonJS,有一個全域性方法require(),用於載入模組。假定有一個數學模組math.js,就可以像下面這樣載入。
var math = require(‘math‘);
然後,就可以調用模組提供的方法:
var math = require(‘math‘);
math.add(2,3); // 5
第二行math.add(2, 3),在第一行require(‘math‘)之後運行,因此必須等math.js載入完成。也就是說,如果載入時間很長,整個應用就會停在那裡等。
這對伺服器端不是一個問題,因為所有的模組都存放在本地硬碟,可以同步載入完成,等待時間就是硬碟的讀取時間。但是,對於瀏覽器,這卻是一個大問題,因為模組都放在伺服器端,等待時間取決於網速的快慢,可能要等很長時間,瀏覽器處於"假死"狀態。
因此,瀏覽器端的模組,不能採用"同步載入"(synchronous),只能採用"非同步載入"(asynchronous)。這就是AMD規範誕生的背景。
2:AMD是"Asynchronous Module Definition"的縮寫,意思就是"非同步模組定義"。它採用非同步方式載入模組,模組的載入不影響它後面語句的運行。所有依賴這個模組的語句,都定義在一個回呼函數中,等到載入完成之後,這個回呼函數才會運行。
AMD也採用require()語句載入模組,但是不同於CommonJS,它要求兩個參數:
require([module], callback);
第一個參數[module],是一個數組,裡面的成員就是要載入的模組;第二個參數callback,則是載入成功之後的回呼函數。如果將前面的代碼改寫成AMD形式,就是下面這樣:
require([‘math‘], function (math) {
math.add(2, 3);
});
math.add()與math模組載入不是同步的,瀏覽器不會發生假死。所以很顯然,AMD比較適合瀏覽器環境。
目前,主要有兩個Javascript庫實現了AMD規範:require.js和curl.js。本系列的第三部分,將通過介紹require.js,進一步講解AMD的用法,以及如何將模組化編程投入實戰。
關於AMD(非同步載入模組)和CMD(同步載入模組),require.js