本文實例講述了ES6中module模塊化開發(fā)。分享給大家供大家參考,具體如下:
成都創(chuàng)新互聯(lián)專注于諸城企業(yè)網(wǎng)站建設,成都響應式網(wǎng)站建設,商城網(wǎng)站建設。諸城網(wǎng)站建設公司,為諸城等地區(qū)提供建站服務。全流程按需網(wǎng)站設計,專業(yè)設計,全程項目跟蹤,成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務多人開發(fā)JavaScript時伴隨著命名沖突等問題,先后有了模擬塊級作用域、命名空間、模塊化開發(fā)等方法。
之前,模塊化開發(fā)一直是由第三方庫來模擬的,比較知名的有AMD規(guī)范和CMD規(guī)范。
兩個規(guī)范分別對應requirejs和seajs。
而現(xiàn)在,ES6提出了自己的模塊化統(tǒng)一標準。
一個ES6的模塊是一個包含了js代碼的文件。ES6里沒有所謂的module關(guān)鍵字,一個模塊就是一個普通的腳本文件,除了以下兩個區(qū)別:
1. ES6中的模塊自動開啟嚴格模式。
2. 模塊中可以使用import和export。
導入和導出
我們可以通過import和export關(guān)鍵字將函數(shù)或對象導入和導出模塊。
先來說說export,在模塊中聲明的任何東西都是默認私有的,如果想對其他模塊public,必須將那部分代碼export。最簡單的方法就是添加一個export關(guān)鍵字:
// kittydar.js export function detectCats(canvas, options) { var kittydar = new Kittydar(options); return kittydar.detectCats(canvas); } export class Kittydar { ... several methods doing image processing ... } // This helper function isn't exported. function resizeCanvas() { ... } ...
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。