ES6新特性開發微信小程式（7）

在ES6之前，社群制定了一些模組載入方案，最主要的有CommonJS和AMD兩種。前者用於伺服器，後者用於瀏覽器。 ES6在語言規格的層面上，實現了模組功能，而且實現得相當簡單，完全可以取代現有的CommonJS和AMD規範，成為瀏覽器和伺服器通用的模組解決方案。

Modules(模組)

每一個ES6模組都是一個包含JS程式碼的文件，模組本質上就是一段腳本，而不是用module 關鍵字定義一個模組。預設情況下模組都是在嚴格模式下運作。模組功能主要由兩個指令構成：export和import。 export指令用於使用者自訂模組，規定對外介面;import指令用於輸入其他模組提供的功能，同時創造命名空間(namespace)，防止函數名稱衝突。

export

export用於從給定檔案(或模組)匯出函數和物件。

單一匯出

批次匯出

重命名匯出

預設導出，每個模組只能有一個預設導出：

import

#import用於從外部模組、其他腳本匯入函數、物件或原型，這些被導入的模型必須在其他的模組或腳本中被導出的。

無物件匯入，如果模組包含一些邏輯要執行，且不會匯出任何對象，此類別物件也可以被匯入到另一個模組中。

匯入預設對象，採用Default匯出方式匯出對象，並在import宣告中直接被分配給某個引用。

#

批次匯入

重命名匯入

#匯入所有物件

import指令導入的物件可能是一個變量，也可能是一個函數，或者一個類，要視具體情況而定。 import與require的差異較大，好不要混用。

實例

f10_modules_math.js

f10_modules_app.js

###f10_modules.js###### ##################

以上是ES6新特性開發微信小程式（7）的詳細內容。更多資訊請關注PHP中文網其他相關文章！