ES6新特性開發微信小程式(7)

迷茫
發布: 2017-03-25 17:31:07
原創
1753 人瀏覽過

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

Modules(模組)

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

export

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

ES6新特性開發微信小程式(7)

單一匯出

ES6新特性開發微信小程式(7)

批次匯出

ES6新特性開發微信小程式(7)

重命名匯出

ES6新特性開發微信小程式(7)

預設導出,每個模組只能有一個預設導出:

ES6新特性開發微信小程式(7)

import

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

ES6新特性開發微信小程式(7)

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

ES6新特性開發微信小程式(7)

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

ES6新特性開發微信小程式(7)

#

批次匯入

ES6新特性開發微信小程式(7)

重命名匯入

ES6新特性開發微信小程式(7)

#匯入所有物件

ES6新特性開發微信小程式(7)

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

ES6新特性開發微信小程式(7)實例

f10_modules_math.js

ES6新特性開發微信小程式(7)

f10_modules_app.js

ES6新特性開發微信小程式(7)

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板