關(guān)于 AMD恰画, CMD 以及 CommonJS

相信大家對(duì)這三種規(guī)范有一定的了解,今天在這里我就把這個(gè)梳理一下瓷马,加深印象拴还!


AMD規(guī)范:全稱(chēng)”Asynchronous Module Definition”,稱(chēng)為 異步模塊加載規(guī)范 欧聘。一般應(yīng)用在瀏覽器端片林。流行的瀏覽器端異步加載庫(kù)RequireJS實(shí)現(xiàn)的就是AMD規(guī)范。

CMD規(guī)范,全稱(chēng)”Common Module Definition”费封,稱(chēng)為 通用模塊加載規(guī)范焕妙。一般也是用在瀏覽器端。瀏覽器端異步加載庫(kù)Sea.js實(shí)現(xiàn)的就是CMD規(guī)范孝偎。

CommonJS: 稱(chēng)為同步模塊加載規(guī)范访敌,也就是說(shuō)凉敲,只有加載完成衣盾,才能執(zhí)行后面的操作。

AMD特點(diǎn): 依賴(lài)前置爷抓,提前執(zhí)行!

代碼塊

define(['jquery','underscore'], function($, _) {
  //methods
  function a(){}; //私有方法
  function b(){}; //公有方法

  return {
    b: b
 }
})

define是AMD 規(guī)范用來(lái)聲明模塊接口势决,示例中的第一個(gè)參數(shù)是一個(gè)數(shù)組,表示當(dāng)前模塊的依賴(lài)蓝撇。第二個(gè)參數(shù)是一個(gè)回調(diào)函數(shù)果复,表示此模塊的執(zhí)行體。只有當(dāng)依賴(lài)數(shù)組中的所有依賴(lài)模塊都是可用的時(shí)渤昌,AMD模塊加載器(比如RequireJS)才會(huì)去執(zhí)行回調(diào)函數(shù)并返回此模塊的暴露接口虽抄。

注意,回調(diào)函數(shù)中參數(shù)的順序與依賴(lài)數(shù)組中的依賴(lài)順序一致独柑。(即:jquery->$迈窟,underscore->_)

當(dāng)然,在這里我可以將回調(diào)函數(shù)的參數(shù)名稱(chēng)改成任何我們想用的可用變量名忌栅,這并不會(huì)對(duì)模塊的聲明造成任何影響车酣。

除此之外,你不能在模塊聲明的外部使用$或者_(dá)索绪,因?yàn)樗麄冎辉谀K的回調(diào)函數(shù)體中才有定義湖员。

CMD特點(diǎn): 依賴(lài)就近,延遲執(zhí)行!

代碼塊

define(function(require, exports, module){
  var a = require('./a');
  a.doSomething();
  var b = require('./b');
  b.doSomething();
});

CMD與AMD區(qū)別

對(duì)于依賴(lài)的模塊瑞驱,AMD 是提前執(zhí)行娘摔,CMD 是延遲執(zhí)行。
CMD 推崇依賴(lài)就近唤反,AMD 推崇依賴(lài)前置凳寺。

·······

CommonJS規(guī)范

代碼塊

// filename: foo.js
// dependencies
var $ = require('jquery');

// methods
function myFunc() {};

// exposed public method (single)
module.exports = myFunc;

上邊是使用CommonJS規(guī)范聲明一個(gè)名為foo模塊的方式,同時(shí)依賴(lài)jquery模塊拴袭。

AMD規(guī)范與CommonJS規(guī)范的兼容性

CommonJS規(guī)范加載模塊是同步的读第,也就是說(shuō),只有加載完成拥刻,才能執(zhí)行后面的操作怜瞒。

AMD規(guī)范則是非同步加載模塊,允許指定回調(diào)函數(shù)。

Node.js遵循CommonJS規(guī)范吴汪。這是因?yàn)镹ode.js主要用于服務(wù)器編程惠窄,模塊文件一般都已經(jīng)存在于本地硬盤(pán),所以加載起來(lái)比較快漾橙,不用考慮非同步加載的方式杆融。但如果是瀏覽器環(huán)境,要從服務(wù)器端加載模塊霜运,這時(shí)就必須采用非同步模式脾歇,因此瀏覽器端一般采用AMD規(guī)范

有問(wèn)題或者意見(jiàn)建議,歡迎大家直接找我淘捡,謝謝藕各!

參考文獻(xiàn):http://blog.gejiawen.com/2014/07/18/small-talk-about-fe-spec/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市焦除,隨后出現(xiàn)的幾起案子激况,更是在濱河造成了極大的恐慌,老刑警劉巖膘魄,帶你破解...
    沈念sama閱讀 212,718評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件乌逐,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡创葡,警方通過(guò)查閱死者的電腦和手機(jī)浙踢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)蹈丸,“玉大人成黄,你說(shuō)我怎么就攤上這事÷哒龋” “怎么了奋岁?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,207評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)荸百。 經(jīng)常有香客問(wèn)我闻伶,道長(zhǎng),這世上最難降的妖魔是什么够话? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,755評(píng)論 1 284
  • 正文 為了忘掉前任蓝翰,我火速辦了婚禮,結(jié)果婚禮上女嘲,老公的妹妹穿的比我還像新娘畜份。我一直安慰自己,他們只是感情好欣尼,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布爆雹。 她就那樣靜靜地躺著停蕉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪钙态。 梳的紋絲不亂的頭發(fā)上慧起,一...
    開(kāi)封第一講書(shū)人閱讀 50,050評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音册倒,去河邊找鬼蚓挤。 笑死,一個(gè)胖子當(dāng)著我的面吹牛驻子,可吹牛的內(nèi)容都是我干的灿意。 我是一名探鬼主播,決...
    沈念sama閱讀 39,136評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼拴孤,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼脾歧!你這毒婦竟也來(lái)了甲捏?” 一聲冷哼從身側(cè)響起演熟,我...
    開(kāi)封第一講書(shū)人閱讀 37,882評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎司顿,沒(méi)想到半個(gè)月后芒粹,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,330評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡大溜,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評(píng)論 2 327
  • 正文 我和宋清朗相戀三年化漆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片钦奋。...
    茶點(diǎn)故事閱讀 38,789評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡座云,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出付材,到底是詐尸還是另有隱情朦拖,我是刑警寧澤,帶...
    沈念sama閱讀 34,477評(píng)論 4 333
  • 正文 年R本政府宣布厌衔,位于F島的核電站璧帝,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏富寿。R本人自食惡果不足惜睬隶,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望页徐。 院中可真熱鬧苏潜,春花似錦、人聲如沸变勇。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,864評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至赃梧,卻和暖如春滤蝠,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背授嘀。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,099評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工物咳, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蹄皱。 一個(gè)月前我還...
    沈念sama閱讀 46,598評(píng)論 2 362
  • 正文 我出身青樓览闰,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親巷折。 傳聞我的和親對(duì)象是個(gè)殘疾皇子压鉴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容