ES6开发文档.docx

1. ES6 简介.................................................................................................................................... 2

2. ES6 环境搭建........................................................................................................................... 3

3. ES6 let 和 const.......................................................................................................................... 6

4. ES6 解构赋值........................................................................................................................... 7

5. ES6 Symbol................................................................................................................................. 9

6. ES6 Set 与 Map......................................................................................................................... 11

7. ES6 Reect 与 Proxy................................................................................................................. 15

14. ES6 Class 类............................................................................................................................ 50

15. ES6 模块................................................................................................................................ 58

16. ES6 Promise 对象................................................................................................................... 59

17. ES6 Generator 函数............................................................................................................... 61

1.ES6 简介

Es6 简介

ES6：全称 ECMAScript 6.0

ECMAScript 是 JavaScript 语言的国际标准，JavaScript 是 ECMAScript 的实现。

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式

发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级

的标准，即 ECMAScript。这也有利于这门语言的开放和中立。

ECMAScript 的历史

 1997 年 ECMAScript 1.0 诞生。

 1998 年 6 月 ECMAScript 2.0 诞生，包含一些小的更改，用于同步独立的 ISO 国际标

准。

 1999 年 12 月 ECMAScript 3.0 诞生，它是一个巨大的成功，在业界得到了广泛的支

持，它奠定了 JS 的基本语法，被其后版本完全继承。直到今天，我们一开始学习

JS ，其实就是在学 3.0 版的语法。

 2000 年的 ECMAScript 4.0 是当下 ES6 的前身，但由于这个版本太过激烈，对 ES 3

做了彻底升级，所以暂时被"和谐"了。

目前各大浏览器基本上都支持 ES6 的新特性，其中 Chrome 和 Firefox 浏览器对 ES6 新特性

最友好，IE7~11 基本不支持 ES6。

Webpack

webpack 是一个现代 JavaScript 应用程序的静态模块打包器 (module bundler) 。当 webpack

处理应用程序时，它会递归地构建一个依赖关系图 (dependency graph) ，其中包含应用程

序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle 。

webpack 主要有四个核心概念:

 入口 (entry)

 输出 (output)

 loader

对象语法:

输出 (output):

output 属性会告诉 webpack 在哪里输出它创建的 bundles ，以及如何命名这些文件，默认

值为 ./dist:

loader 让 webpack 可以去处理那些非 JavaScript 文件（ webpack 自身只理解 JavaScript

）。loader 可以将所有类型的文件转换为 webpack 能够有效处理的模块，例如，开发的时

候使用 ES6 ，通过 loader 将 ES6 的语法转为 ES5 ，如下配置：

插件 (plugins)

loader 被用于转换某些类型的模块，而插件则可以做更多的事情。包括打包优化、压缩、

定义环境变量等等。插件的功能强大，是 webpack 扩展非常重要的利器，可以用来处理各

种各样的任务。使用一个插件也非常容易，只需要 require() ，然后添加到 plugins 数组中。

利用 webpack 搭建应用