javascript中adm指的是什么

這篇文章給大家分享的是有關(guān)javascript中adm指的是什么的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

在javascript中，AMD指的是“異步模塊定義”，是一種模塊規(guī)范，它采用異步方式加載模塊，模塊的加載不影響它后面語句的運(yùn)行；所有依賴這個模塊的語句，都定義在一個回調(diào)函數(shù)中，等到加載完成之后，這個回調(diào)函數(shù)才會運(yùn)行。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

隨著網(wǎng)站逐漸變成"互聯(lián)網(wǎng)應(yīng)用程序"，嵌入網(wǎng)頁的Javascript代碼越來越龐大，越來越復(fù)雜。

網(wǎng)頁越來越像桌面程序，需要一個團(tuán)隊(duì)分工協(xié)作、進(jìn)度管理、單元測試等等......開發(fā)者不得不使用軟件工程的方法，管理網(wǎng)頁的業(yè)務(wù)邏輯。

Javascript模塊化編程，已經(jīng)成為一個迫切的需求。理想情況下，開發(fā)者只需要實(shí)現(xiàn)核心的業(yè)務(wù)邏輯，其他都可以加載別人已經(jīng)寫好的模塊。

但是，Javascript不是一種模塊化編程語言，它不支持"類"（class），更遑論"模塊"（module）了。（正在制定中的ECMAScript標(biāo)準(zhǔn)第六版，將正式支持"類"和"模塊"，但還需要很長時間才能投入實(shí)用。）

Javascript社區(qū)做了很多努力，在現(xiàn)有的運(yùn)行環(huán)境中，實(shí)現(xiàn)"模塊"的效果。本文總結(jié)了當(dāng)前＂Javascript模塊化編程＂的最佳實(shí)踐，說明如何投入實(shí)用。雖然這不是初級教程，但是只要稍稍了解Javascript的基本語法，就能看懂。

模塊的規(guī)范

先想一想，為什么模塊很重要？

因?yàn)橛辛四K，我們就可以更方便地使用別人的代碼，想要什么功能，就加載什么模塊。

但是，這樣做有一個前提，那就是大家必須以同樣的方式編寫模塊，否則你有你的寫法，我有我的寫法，豈不是亂了套！考慮到Javascript模塊現(xiàn)在還沒有官方規(guī)范，這一點(diǎn)就更重要了。

目前，通行的Javascript模塊規(guī)范共有兩種：CommonJS和AMD。

CommonJS

2009年，美國程序員Ryan Dahl創(chuàng)造了node.js項(xiàng)目，將javascript語言用于服務(wù)器端編程。

這標(biāo)志"Javascript模塊化編程"正式誕生。因?yàn)槔蠈?shí)說，在瀏覽器環(huán)境下，沒有模塊也不是特別大的問題，畢竟網(wǎng)頁程序的復(fù)雜性有限；但是在服務(wù)器端，一定要有模塊，與操作系統(tǒng)和其他應(yīng)用程序互動，否則根本沒法編程。

node.js的模塊系統(tǒng)，就是參照CommonJS規(guī)范實(shí)現(xiàn)的。在CommonJS中，有一個全局性方法require()，用于加載模塊。假定有一個數(shù)學(xué)模塊math.js，就可以像下面這樣加載。

var math = require('math');

然后，就可以調(diào)用模塊提供的方法：

var math = require('math');
math.add(2,3); // 5

因?yàn)檫@個系列主要針對瀏覽器編程，不涉及node.js，所以對CommonJS就不多做介紹了。我們在這里只要知道，require()用于加載模塊就行了。

瀏覽器環(huán)境

有了服務(wù)器端模塊以后，很自然地，大家就想要客戶端模塊。而且最好兩者能夠兼容，一個模塊不用修改，在服務(wù)器和瀏覽器都可以運(yùn)行。

但是，由于一個重大的局限，使得CommonJS規(guī)范不適用于瀏覽器環(huán)境。還是上一節(jié)的代碼，如果在瀏覽器中運(yùn)行，會有一個很大的問題，你能看出來嗎？

var math = require('math');
math.add(2, 3);

第二行math.add(2, 3)，在第一行require('math')之后運(yùn)行，因此必須等math.js加載完成。也就是說，如果加載時間很長，整個應(yīng)用就會停在那里等。

這對服務(wù)器端不是一個問題，因?yàn)樗械哪K都存放在本地硬盤，可以同步加載完成，等待時間就是硬盤的讀取時間。但是，對于瀏覽器，這卻是一個大問題，因?yàn)槟K都放在服務(wù)器端，等待時間取決于網(wǎng)速的快慢，可能要等很長時間，瀏覽器處于"假死"狀態(tài)。

因此，瀏覽器端的模塊，不能采用"同步加載"（synchronous），只能采用"異步加載"（asynchronous）。這就是AMD規(guī)范誕生的背景。

AMD規(guī)范

AMD是"Asynchronous Module Definition"的縮寫，意思就是"異步模塊定義"。它采用異步方式加載模塊，模塊的加載不影響它后面語句的運(yùn)行。所有依賴這個模塊的語句，都定義在一個回調(diào)函數(shù)中，等到加載完成之后，這個回調(diào)函數(shù)才會運(yùn)行。

AMD也采用require()語句加載模塊，但是不同于CommonJS，它要求兩個參數(shù)：

require([module], callback);

第一個參數(shù)[module]，是一個數(shù)組，里面的成員就是要加載的模塊；第二個參數(shù)callback，則是加載成功之后的回調(diào)函數(shù)。如果將前面的代碼改寫成AMD形式，就是下面這樣：

　　require(['math'], function (math) {
　　　　math.add(2, 3);
　　});

math.add()與math模塊加載不是同步的，瀏覽器不會發(fā)生假死。所以很顯然，AMD比較適合瀏覽器環(huán)境。

目前，主要有兩個Javascript庫實(shí)現(xiàn)了AMD規(guī)范：require.js和curl.js。本系列的第三部分，將通過介紹require.js，進(jìn)一步講解AMD的用法，以及如何將模塊化編程投入實(shí)戰(zhàn)。

感謝各位的閱讀！關(guān)于“javascript中adm指的是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！