CommonJS、ES2015、AMD、CMD模塊規(guī)范對比與介紹

MSchumi 發(fā)布于2019-08-23 17:21 / 489人閱讀

摘要：是服務(wù)器端模塊化的規(guī)范，是這種規(guī)范的實(shí)現(xiàn)。異步模塊定義和通用模塊定義都是瀏覽器端模塊化的規(guī)范。是在推廣過程中對模塊定義的規(guī)范化產(chǎn)出。

前言：最近看到這樣一個(gè)問題“「import ... from」、「 import ... = require()」和「import(path: string)」有什么區(qū)別？ ”，我遇到的項(xiàng)目中大都是ES6模塊規(guī)范，其他規(guī)范也有，但為什么會(huì)有這些規(guī)范？具體有什么區(qū)別呢？

JavaScript 語言的歷史

在了解這些模塊規(guī)范前，先了解JavaScript 語言的歷史，很有必要

CommonJS、ES2015、AMD、CMD模塊規(guī)范對比與介紹

ES2015, CommonJS, AMD, CMD都是JS模塊化的規(guī)范。

CommonJS是服務(wù)器端js模塊化的規(guī)范，NodeJS是這種規(guī)范的實(shí)現(xiàn)。

AMD(異步模塊定義)和CMD(通用模塊定義)都是瀏覽器端js模塊化的規(guī)范。

AMD 是 RequireJS 在推廣過程中對模塊定義的規(guī)范化產(chǎn)出。

CMD 是 SeaJS 在推廣過程中對模塊定義的規(guī)范化產(chǎn)出。

ES6 在語言標(biāo)準(zhǔn)的層面上，實(shí)現(xiàn)了模塊功能，而且實(shí)現(xiàn)得相當(dāng)簡單，完全可以取代 CommonJS 和 AMD 規(guī)范，成為瀏覽器和服務(wù)器通用的模塊解決方案。

（ps：圖片壓縮得厲害，pdf下載鏈接: https://pan.baidu.com/s/1K6XY...
提取碼: 94u7 ）

參考資源

http://www.hangge.com/blog/ca...

GPU云服務(wù)器云服務(wù)器 amd_cmd區(qū)別 amd模塊加載異步模塊加載機(jī)制-amd 云主機(jī)對比介紹

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/104213.html

相關(guān)文章

前端模塊化詳解(完整版)

摘要：二模塊化規(guī)范概述應(yīng)用由模塊組成，采用模塊規(guī)范。模塊化語法命令用于規(guī)定模塊的對外接口，命令用于輸入其他模塊提供的功能。前言在JavaScript發(fā)展初期就是為了實(shí)現(xiàn)簡單的頁面交互邏輯，寥寥數(shù)語即可；如今CPU、瀏覽器性能得到了極大的提升，很多頁面邏輯遷移到了客戶端（表單驗(yàn)證等），隨著web2.0時(shí)代的到來，Ajax技術(shù)得到廣泛應(yīng)用，jQuery等前端庫層出不窮，前端代碼日益膨脹，此時(shí)...

Sanchi 2019-08-02 13:56 評論0 收藏0
前端模塊化詳解(完整版)

摘要：二模塊化規(guī)范概述應(yīng)用由模塊組成，采用模塊規(guī)范。模塊化語法命令用于規(guī)定模塊的對外接口，命令用于輸入其他模塊提供的功能。前言在JavaScript發(fā)展初期就是為了實(shí)現(xiàn)簡單的頁面交互邏輯，寥寥數(shù)語即可；如今CPU、瀏覽器性能得到了極大的提升，很多頁面邏輯遷移到了客戶端（表單驗(yàn)證等），隨著web2.0時(shí)代的到來，Ajax技術(shù)得到廣泛應(yīng)用，jQuery等前端庫層出不窮，前端代碼日益膨脹，此時(shí)...

Pines_Cheng 2019-08-23 14:12 評論0 收藏0
Javascript 模塊化指北

摘要：打包出來的代碼快照如下，注意看注釋中的時(shí)序?qū)嶋H上，的處理同相差無幾，只是在定義模塊和引入模塊時(shí)會(huì)去處理標(biāo)識(shí)，從而兼容其在語法上的差異。前言隨著 Web 技術(shù)的蓬勃發(fā)展和依賴的基礎(chǔ)設(shè)施日益完善，前端領(lǐng)域逐漸從瀏覽器擴(kuò)展至服務(wù)端（Node.js），桌面端（PC、Android、iOS），乃至于物聯(lián)網(wǎng)設(shè)備（IoT），其中 JavaScript 承載著這些應(yīng)用程序的核心部分，隨著其規(guī)模化和...

enali 2019-08-23 11:44 評論0 收藏0
JavaScript模塊化發(fā)展

摘要：所有依賴這個(gè)模塊的語句，都定義在一個(gè)回調(diào)函數(shù)中，等到所有依賴加載完成之后前置依賴，這個(gè)回調(diào)函數(shù)才會(huì)運(yùn)行。如果將前面的代碼改寫成形式，就是下面這樣定義了一個(gè)文件，該文件依賴模塊，當(dāng)模塊加載完畢之后執(zhí)行回調(diào)函數(shù)，這里并沒有暴露任何變量。模塊化是我們?nèi)粘ｉ_發(fā)都要用到的基本技能，使用簡單且方便，但是很少人能說出來但是的原因及發(fā)展過程。現(xiàn)在通過對比不同時(shí)期的js的發(fā)展，將JavaScript模...

mengbo 2019-08-22 18:05 評論0 收藏0