es6模塊化編程

lanffy 發布于2019-08-20 18:06 / 2686人閱讀

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

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

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

先來說說export，在模塊中聲明的任何東西都是默認私有的，如果想對其他模塊public，必須將那部分代碼export。最簡單的方法就是添加一個export關鍵字：

// 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。而在另外一個文件中，我們可以導入這個模塊并且使用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);
}

如果需要導入多個模塊中的接口，如下：

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

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

export {detectCats, Kittydar};

這樣就不用一個個地添加export關鍵字了

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/84086.html

ES6-7

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

mudiyouyou 2019-08-21 18:40 評論0 收藏0
談談ES6前后的異步編程

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

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

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

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

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

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

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

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