小程序開(kāi)發(fā)之ES6語(yǔ)言規(guī)格模塊功能使用

2017年6月14日，ES6語(yǔ)言規(guī)格模塊功能已經(jīng)是當(dāng)下微信小程序開(kāi)發(fā)最熱門(mén)的話題，下面將從多方面來(lái)談?wù)凟S6語(yǔ)言規(guī)格模塊功能相關(guān)的內(nèi)容。

6月14日消息，據(jù)彭博社報(bào)道，為了與新東家沃爾瑪（Walmart）融合得更加順暢，Jet.com（去年8月被沃爾瑪以33億美元收購(gòu)）正計(jì)劃逐步剔除自己平臺(tái)上所售的Costco旗下品牌產(chǎn)品。

6月18日，永輝將在福州開(kāi)出第一家永輝生活店。值得注意的是，這也是永輝首家24小時(shí)營(yíng)業(yè)門(mén)店。據(jù)了解，這家24小時(shí)門(mén)店商品由永輝物流統(tǒng)一配送，沒(méi)有熟食但提供蔬菜水果以及冷凍冰鮮類商品。

在ES6之前，社區(qū)制定了一些模塊加載方案，最主要的有CommonJS和AMD兩種。前者用于服務(wù)器，后者用于瀏覽器。ES6在語(yǔ)言規(guī)格的層面上，實(shí)現(xiàn)了模塊功能，而且實(shí)現(xiàn)得相當(dāng)簡(jiǎn)單，完全可以取代現(xiàn)有的CommonJS和AMD規(guī)范，成為瀏覽器和服務(wù)器通用的模塊解決方案。

Modules(模塊)

每一個(gè)ES6模塊都是一個(gè)包含JS代碼的文件，模塊本質(zhì)上就是一段腳本，而不是用 module 關(guān)鍵字定義一個(gè)模塊。默認(rèn)情況下模塊都是在嚴(yán)格模式下運(yùn)行。模塊功能主要由兩個(gè)命令構(gòu)成：export和import。export命令用于用戶自定義模塊，規(guī)定對(duì)外接口;import命令用于輸入其他模塊提供的功能，同時(shí)創(chuàng)造命名空間(namespace)，防止函數(shù)名沖突。

export

export用于從給定文件(或模塊)導(dǎo)出函數(shù)和對(duì)象。

單個(gè)導(dǎo)出

批量導(dǎo)出

重命名導(dǎo)出

默認(rèn)導(dǎo)出，每個(gè)模塊只能有一個(gè)默認(rèn)導(dǎo)出：

import

import用于從外部模塊、其他腳本中導(dǎo)入函數(shù)、對(duì)象或者原型，這些被導(dǎo)入的模型必須在其他的模塊或者腳本中被導(dǎo)出的。

無(wú)對(duì)象導(dǎo)入，如果模塊包含一些邏輯要執(zhí)行，且不會(huì)導(dǎo)出任何對(duì)象，此類對(duì)象也可以被導(dǎo)入到另一模塊中。

導(dǎo)入默認(rèn)對(duì)象，采用Default導(dǎo)出方式導(dǎo)出對(duì)象，該對(duì)象在import聲明中將直接被分配給某個(gè)引用。

批量導(dǎo)入

重命名導(dǎo)入

導(dǎo)入所有對(duì)象

import命令導(dǎo)入的對(duì)象可能是一個(gè)變量，也可能是一個(gè)函數(shù)，或者一個(gè)類，要視具體情況而定。import與require的差異較大，好不要混用。

實(shí)例

f10_modules_math.js

f10_modules_app.js

f10_modules.js

想了解更多微信小程序開(kāi)發(fā)和微信小程序大全都可以進(jìn)入微信小程序商城系統(tǒng)開(kāi)發(fā)了解。