## 前言 大家都知道工程化重要的技術基礎就有組件化和模塊化，而es-moodule的推出對于原先眾多的模塊規范新的規則，讓前端的模塊規范變的統一可用。 **說明：那么本篇主要帶大家學習es-module的基礎知識，適合es6入門以及對模塊化規則不是很熟悉的同學，具有一定基礎的請繞過。** **建議閱讀時間：15-25min.** ## 引入模塊: import es module提供了多種引入模塊的方式，其中最基本的就是import語句。為什么先將引入模塊呢？因為大部分人可能是使用模塊多一些，在定義模塊的時候也需要先思考我的模塊需要哪些外部依賴定義在模塊開始。 ### 引入模塊場景 - 定義自己的模塊的外部依賴 - 開發業務功能的外部依賴 ### 引入類型 ## 模塊主體 ### 主體環境 ：嚴格模式 備注 ：嚴格模式是es5提出的，這里不做詳細說明，后面會寫專門的文章介紹嚴格模式對代碼造成的影響。 > 變量必須聲明后再使用 > 函數的參數不能有同名屬性，否則報錯 > 不能使用with語句 > 不能對只讀屬性賦值，否則報錯 > 不能使用前綴 0 表示八進制數，否則報錯 > 不能刪除不可刪除的屬性，否則報錯 > 不能刪除變量delete prop，會報錯，只能刪除屬性delete global[prop] > eval不會在它的外層作用域引入變量 > eval和arguments不能被重新賦值 > arguments不會自動反映函數參數的變化 > 不能使用arguments.callee > 不能使用arguments.caller > 禁止this指向全局對象 > 不能使用fn.caller和fn.arguments獲取函數調用的堆棧 > 增加了保留字（比如protected、static和interface） ### 主體內容 ：常規變量以及方法、對象、類 無論你是定義的什么變量類型，模塊內都建議使用局部作用域`let`聲明，當然對于常量建議英文大寫用`const`聲明，拒絕使用`var`。 ## 暴露api :export ## 更多 **后續會補充編寫相關文章：** - commonJs 、amd與es-module的區別以及簡單使用 - 模塊加載實踐以及注意事項 - js模塊與組件關系 - 如何使用好es-module - js嚴格模式 ## 參考文檔 - 《實戰es2015》小問著 - [阮一峰之es-module](http://es6.ruanyifeng.com/#docs/module)