es6模块化编程

lanffy 发布于2019-08-20 18:06 / 2570人阅读

摘要：一个的模块是一个包含了代码的文件。里没有所谓的关键字，一个模块就是一个普通的脚本文件，除了以下两个区别中的模块自动开启严格模式。模块中可以使用和。最简单的方法就是添加一个关键字不再有跨文件或跨模块的全局变量，声明的那部分就是这个模块的。

一个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关键字了

私有云海外云主机 linux模块化编程 javascript模块化编程 ES6 es6-系列

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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