（一）ES6 教程

一、ES6 简介

1. ES6 就是 ECMAScript 6

• ECMAScript 是语言的标准；6 是版本号
  ES6 = ECMAScript 这门语言的第 6 代标准

2. ECMAScript

• ECMA（European Computer Manufacturers Association，欧洲计算机制造商协会）
  ECMAScript = 由 ECMA 这个标准化组织制定的一个语言标准
• ECMAScript = 语法 + API
• 历史版本：
  ES1 ~ 3、ES5 ~ 6（ES4被废弃了）
  • ES3：do while、switch、正则表达式等
  • ES5：forEach、map、filter、Object.create、Object.defineProperty等
• 命名方式：
  • ES6 —> ES7 —> ES8 —> … = ES6+
  • ES2015 —> ES2016 —> ES2017 —> …

3. ES 与 JS的关系

• JavaScript（浏览器端）= ECMAScript（语法 + API）+ DOM + BOM

4. ES6 的兼容性

• 主流浏览器的最新版本几乎全部支持ES6
• IE 老版本等不支持的浏览器，可以用 Babel 转码

二、Babel

1. 认识 Babel

• Babel 是 JavaScript 的编译器，用来将 ES6 的代码，转换成 ES6 之前的代码
• 官网：https://babeljs.io/
• 在线编译：https://babeljs.io/repl
• 注意：
  Babel 本身可以编译 ES6 的大部分语法，比如 let、const、箭头函数、类
  但是对于 ES6 新增的 API，比如 Set、Map、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign/Array.from）都不能直接编译，需要借助其它的模块
  Babel 一般需要配合 Webpack 来编译 ES6 Module 语法

2. Babel 的使用

• Babel 有很多种使用方式，可以在官网上查看
• 一般在命令行工具（CL