## 一、概述 歷史上，JavaScript 一直沒有模塊（module）體系，無法將一個大程序拆分成互相依賴的小文件，再用簡單的方法拼裝起來。其他語言都有這項功能，比如 Ruby 的`require`、Python 的`import`，甚至就連 CSS 都有`@import`，但是 JavaScript 任何這方面的支持都沒有，這對開發大型的、復雜的項目形成了巨大障礙。 在 ES6 之前，社區制定了一些模塊加載方案，最主要的有 CommonJS 和 AMD 兩種。前者用于服務器，后者用于瀏覽器。ES6 在語言標準的層面上，實現了模塊功能，而且實現得相當簡單，完全可以取代 CommonJS 和 AMD 規范，成為瀏覽器和服務器通用的模塊解決方案。 ES6 模塊的設計思想是盡量的靜態化，使得編譯時就能確定模塊的依賴關系，以及輸入和輸出的變量。CommonJS 和 AMD 模塊，都只能在運行時確定這些東西。比如，CommonJS 模塊就是對象，輸入時必須查找對象屬性。 ## 二、嚴格模式 ES6 的模塊自動采用嚴格模式，不管你有沒有在模塊頭部加上"use strict";。 嚴格模式主要有以下限制； 1. 變量必須聲明后再使用 2. 函數的參數不能有同名屬性，否則報錯 3. 不能使用with語句 4. 不能對只讀屬性賦值，否則報錯 5. 不能使用前綴 0 表示八進制數，否則報錯 6. 不能刪除不可刪除的屬性，否則報錯 7. 不能刪除變量delete prop，會報錯，只能刪除屬性delete global[prop] 8. eval不會在它的外層作用域引入變量 9. eval和arguments不能被重新賦值 10. arguments不會自動反映函數參數的變化 11. 不能使用arguments.callee 12. 不能使用arguments.caller 13. 禁止this指向全局對象 14. 不能使用fn.caller和fn.arguments獲取函數調用的堆棧 15. 增加了保留字（比如protected、static和interface） ## 三、export和import 模塊功能主要由兩個命令構成：`export`和`import`。`export`命令用于規定模塊的對外接口，`import`命令用于輸入其他模塊提供的功能。