es6模塊化編程

lanffy 發(fā)布于2019-08-20 18:06 / 2745人閱讀

摘要：一個的模塊是一個包含了代碼的文件。里沒有所謂的關(guān)鍵字，一個模塊就是一個普通的腳本文件，除了以下兩個區(qū)別中的模塊自動開啟嚴(yán)格模式。模塊中可以使用和。最簡單的方法就是添加一個關(guān)鍵字不再有跨文件或跨模塊的全局變量，聲明的那部分就是這個模塊的。

一個ES6的模塊是一個包含了js代碼的文件。ES6里沒有所謂的module關(guān)鍵字，一個模塊就是一個普通的腳本文件，除了以下兩個區(qū)別：

ES6中的模塊自動開啟嚴(yán)格模式。
模塊中可以使用import和export。

先來說說export，在模塊中聲明的任何東西都是默認(rèn)私有的，如果想對其他模塊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() {
...
}
...

不再有跨文件或跨模塊的全局變量，export聲明的那部分就是這個模塊的public API。而在另外一個文件中，我們可以導(dǎo)入這個模塊并且使用detectCat方法：

// demo.js - Kittydar demo program

import {detectCats} from "kittydar.js";

function go() {
var canvas = document.getElementById("catpix");
var cats = detectCats(canvas);
drawRectangles(canvas, cats);
}

如果需要導(dǎo)入多個模塊中的接口，如下：

import {detectCats, Kittydar} from "kittydar.js";

我們也可以通過一行代碼將本模塊所有需要public的方法公開：

export {detectCats, Kittydar};

這樣就不用一個個地添加export關(guān)鍵字了

GPU云服務(wù)器云服務(wù)器 linux模塊化編程 javascript模塊化編程 ES6 es6-系列

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://hztianpu.com/yun/84086.html

相關(guān)文章

ES6-7

摘要：的翻譯文檔由的維護很多人說，阮老師已經(jīng)有一本關(guān)于的書了入門，覺得看看這本書就足夠了。前端的異步解決方案之和異步編程模式在前端開發(fā)過程中，顯得越來越重要。為了讓編程更美好，我們就需要引入來降低異步編程的復(fù)雜性。 JavaScript Promise 迷你書（中文版）超詳細(xì)介紹promise的gitbook，看完再不會promise...... 本書的目的是以目前還在制定中的ECMASc...

mudiyouyou 2019-08-21 18:40 評論0 收藏0
談?wù)?em>ES6前后的異步編程

摘要：回調(diào)函數(shù)這是異步編程最基本的方法。對象對象是工作組提出的一種規(guī)范，目的是為異步編程提供統(tǒng)一接口。誕生后，出現(xiàn)了函數(shù)，它將異步編程帶入了一個全新的階段。更多詳情點擊http://blog.zhangbing.club/Ja... Javascript 語言的執(zhí)行環(huán)境是單線程的，如果沒有異步編程，根本沒法用，非卡死不可。為了解決這個問題，Javascript語言將任務(wù)的執(zhí)行模式分成兩種...

fizz 2019-08-22 18:25 評論0 收藏0
JS模塊化編程

摘要：也就是說，外部模塊輸出值變了，當(dāng)前模塊的導(dǎo)入值不會發(fā)生變化。三規(guī)范的出現(xiàn)，使得模塊化在環(huán)境中得到了施展機會。模塊化這種加載稱為編譯時加載或者靜態(tài)加載?？偨Y(jié)的模塊化規(guī)范經(jīng)過了模塊模式的演進，利用現(xiàn)在常用的打包工具，非常方便我們編寫模塊化代碼。前言什么是模塊化？模塊就是實現(xiàn)特定功能的一組方法,而模塊化是將模塊的代碼創(chuàng)造自己的作用域，只向外部暴露公開的方法和變量，而這些方法之間高度解耦...

騫諱護 2019-08-26 13:34 評論0 收藏0
es6 promise面試

摘要：執(zhí)行函數(shù)會返回一個遍歷器對象，每一次函數(shù)里面的都相當(dāng)一次遍歷器對象的方法，并且可以通過方法傳入自定義的來改變函數(shù)的行為。函數(shù)可以通過配合函數(shù)更輕松更優(yōu)雅的實現(xiàn)異步編程和控制流管理。它和構(gòu)造函數(shù)的不同點類的內(nèi)部定義的所有方法，都是不可枚舉的。 let const的命令在ES6之前，聲明變量只能用var，var方式聲明變量其實是很不合理的，準(zhǔn)確的說，是因為ES5里面沒有塊級作用域是很不合...

timger 2019-08-23 18:38 評論0 收藏0
使用ES6新特性開發(fā)微信小程序

摘要：使用新特性開發(fā)微信小程序國際化與本地化新特性國際化與本地化新增了很多對于國際化的支持，比如時間格式，貨幣格式，數(shù)字格式等。 ECMAScript 6（簡稱ES6）是JavaScript語言的最新標(biāo)準(zhǔn)。因為當(dāng)前版本的ES6是在2015年發(fā)布的，所以又稱ECMAScript 2015。微信小程序支持絕大部分ES6的新增特性。使用ES6新特性開發(fā)微信小程序（1） ES6新特性：Cons...

Backache 2019-08-21 11:26 評論0 收藏0