天天看點

ES6(Module 子產品化)

子產品化

ES6的子產品化的基本規則或特點:

1:每一個子產品隻加載一次, 每一個JS隻執行一次, 如果下次再去加載同目錄下同檔案,直接從記憶體中讀取。 一個子產品就是一個單例,或者說就是一個對象;

2:每一個子產品内聲明的變量都是局部變量, 不會污染全局作用域;

3:子產品内部的變量或者函數可以通過export導出;

4:一個子產品可以導入别的子產品

一、導入和導出

1.導出

ES6(Module 子產品化)

導入:

ES6(Module 子產品化)

結果:

ES6(Module 子產品化)

2.隻取需要的

ES6(Module 子產品化)

結果:

ES6(Module 子產品化)

3.導出數目太多時(無需一一對應)

ES6(Module 子產品化)

* 代表全部内容,as 代表别名

 結果:

ES6(Module 子產品化)

4.推薦寫法

ES6(Module 子產品化)
ES6(Module 子產品化)

結果:

ES6(Module 子產品化)

好處:1.不會因為誤操作将一些無關變量導出 2.通過 export default,由第三方引用時無需知道其名稱,較為簡潔

上一篇: es6 module