關於AMD(非同步載入模組)和CMD(同步載入模組),require.js

來源:互聯網
上載者:User

標籤:伺服器端   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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.