前言 Javascript不是一種模塊化編程語言，它不支持"類"（class），更遑論"模塊"（module）了，隨着前端發展對 模塊需求越來越大，模塊也是經歷了從最初的簡單模塊寫法到AMD和CMD規范的出現，再到ES6發布，目前已經可以 很方便的在Javascript中使用"類"和"模塊 ...

這是一篇關於js模塊化歷程的長長的流水賬，記錄js模塊化思想的誕生與變遷，展望ES6模塊化標准的未來。經歷過這段歷史的人或許會感到滄桑，沒經歷過的人也應該知道這段歷史。 無模塊時代 在ajax還未提出之前，js還只是一種“玩具語言”，由Brendan Eich花了 ...

前端模塊化 在JavaScript發展初期就是為了實現簡單的頁面交互邏輯，寥寥數語即可；如今CPU、瀏覽器性能得到了極大的提升，很多頁面邏輯遷移到了客戶端（表單驗證等），隨着web2.0時代的到來，Ajax技術得到廣泛應用，jQuery等前端庫層出不窮，前端代碼日益膨脹 這時候 ...

1. 沒有模塊化的時代 在JS沒有模塊化標准的時代，如果存在以下依賴關系： main.js -> b.js -> a.js 那么我們必須把js文件的順序按照模塊的依賴關系順序放到頁面中(簡單的舉例，不考慮循環依賴等復雜情況) 我們需要提前加載好所有的依賴。 這種方式 ...

ESM（ECMA Script Modules） AMD： 異步模塊定義，我們引用 js文件都是使用 script標簽來引用的，這種通常情況下都是異步引用，我們一般在網絡中引用文件，引用完之后才能進行解析和運行。我們請求一個模塊也是一樣，如果這個模塊返回的時間 ...

模塊化 含義 模塊化： 模塊化就是將單個文件當成一個模塊，在日常項目開發里面我們不會將所有邏輯寫在一個文件里面，不管是css還是js。原因是這樣會導致單個文件過大，無法實現復用和維護，所以我們會將文件進行切割分離，這樣分離獨立出來的每一個文件都是一個模塊。 css的模塊化 ...

一、為什么需要模塊化？ 　　 代碼量驟增 => 分治管理的剛性需求 二、模塊化方案需解決什么問題？ 模塊化要實現兩個東西：模塊加載與模塊封裝。面臨的具體問題包括： 1、如何定義模塊以確保模塊的作用域獨立，避免命名沖突？ 2、如何管理 ...

一、CommonJS特點 ​ 經過前面討論，已經知道無模塊化時項目中存在的問題。CommonJS的特點就是解決這些問題即： ​ 1.每個文件都是一個單獨的模塊，有自己的作用域，聲明的變量不是全局變量(除非在模塊內聲明的變量掛載到global上) ​ 2.每個文件中的成員都是私有的，對外不可 ...