ECMAScript 是 JS 的语言标准。而 ES6 是新的 JS 语法标准。html
PS：严格来讲，ECMAScript 还包括其余不少语言的语言标准。es6
ECMAScript 发展历史
1995年：ECMAScript 诞生。npm
1997年：ECMAScript 标准确立。json
1999年：ES3 出现，与此同时，IE5 风靡一时。windows
2009年，ES5 出现，例如 foreach、Object.keys、Object.create 和 json 标准。浏览器
2015年6月，ES6正式发布。babel
ES6 的目标是：让 JS 语言能够编写复杂的大型应用程序，成为企业级开发语言。工具
ES6 的其余优点
使用 babel 语法转换器，支持低端浏览器。ui
流行的库基本都是基于 ES6 构建。 React 默认使用 ES6 标准开发。spa
ES6的环境配置
掌握 ES6 以后，若是要考虑 ES5 的兼容性，能够这样作：写 ES6 语法的 js 代码，而后经过 Babel将 ES6 转换为 ES5。
可是，在这以前，咱们须要配置一下相关的环境。
创建工程目录
（1）先创建一个空的工程目录 ES6Demo，并在目录下创建两个文件夹 src和 dist：
src：书写ES6代码，咱们写的 js 程序都放在这里。dist：利用 Babel 编译生成的 ES5 代码。咱们在 HTML 页面须要引入 dist 里的 js 文件。
（2）在 src 里新建文件 index.html：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <!-- 咱们引入 ES5 中的 js 文件，而不是引入 ES6 中的 js 文件。 --> <script src="./dist/index.js"></script> </head> <body> </body> </html>
注意，上方代码中，咱们引入的是dist目录下的 js 文件。
而后咱们新建文件 src/index.js：
let a = 'smyhvae'; const b = 'vitateam'; console.log(a); console.log(b);
这个文件是一个 ES6语法 的js文件，稍后，咱们尝试把这个 ES6 语法的 js 文件转化为 ES5 的 js 文件。
PS：咱们在写代码时，能用单引号尽可能用单引号，而不是双引号，前者在压缩以后，程序执行会更快。
全局安装 Babel-cli
（1）初始化项目：
在安装Babel以前，须要先用 npm init 先初始化咱们的项目。打开终端或者经过cmd打开命令行工具，进入项目目录，输入以下命令：
npm init -y
上方代码中，-y 表明所有默认赞成，就不用一次次按回车了（稍后再根据须要，在文件中手动修改）。命令执行完成后，会在项目的根目录下生成package.json文件：
{ "name": "es6demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "smyhvae", "license": "ISC" }
PS：VS Code 里打开终端的快捷键是：Contol + ~。
（2）全局安装 Babel-cli：
在终端中输入如下命令：
npm install -g babel-cli
若是安装比较慢的话，Mac 下能够使用cnpm进行安装 ，windows 下能够使用nrm切换到 taobao 的镜像。
（3）本地安装 babel-preset-es2015 和 babel-cli：
npm install --save-dev babel-preset-es2015 babel-cli
安装完成后，会发现package.json文件，已经多了 devDependencies 选项：
（4）新建.babelrc：
在根目录下新建文件.babelrc，输入以下内容：
{ "presets":[ "es2015" ], "plugins":[] }
（5）开始转换：
如今，咱们应该能够将 ES6 的文件转化为 ES5 的文件了，命令以下：（此命令略显复杂）
babel src/index.js -o dist/index.js
咱们能够将上面这个命令进行简化一下。操做以下：
在文件 package.json 中修改键 scripts中的内容：
"scripts": { "build": "babel src/index.js -o dist/index.js" },
修改后的效果以下：
目前为止，环境配置好了。之后，咱们执行以下命令，便可将src/index.js这个 ES6 文件转化为 dist/index.js这个 ES5 文件：
npm run build
咱们执行上面的命令以后，会发现， dist目录下会生成 ES5 的 js 文件：
index.js：
'use strict'; var a = 'smyhvae'; var b = 'vitateam'; console.log(a); console.log(b);
当咱们打开网页后，就能够在浏览器的控制台，看到代码的输出结果。