ECMAScript 历史
我们首先来看 ECMA 是什么。ECMA，是欧洲计算机制造商协会（European Computer Manufacturers Association）的简称，是一家国际性会员制度的信息和电信标准组织。1994 年之后，由于组织的标准牵涉到很多其他国家，为了体现其国际性，更名为 Ecma 国际（Ecma International），因此 Ecma 就不再是首字母缩略字了。
了解了这段历史，为了技术写的专业性，如果文章中提到 Ecma 的时候，可以写成 Ecma 或者 ecma，不要写成 ECMA，除非是 ECMAScript 或 ECMA-XXX 这类专有名词。
1995 年，著名的网景公司（Netscape）的 Brendan Eich 开发了一种脚本语言，最初命名为 Mocha，后来改名为 LiveScript，最后为了蹭当时火热的 Java 热度重命名为了 JavaScript。
了解了 Ecma 国际和 JavaScript，就方便了解 ECMAScript 了，ECMAScript 是一种由 Ecma 国际在标准 ECMA-262 中定义的 脚本语言 规范。这种语言在往往被称为 JavaScript 或 JScript ，但实际上 JavaScript 和 JScript 是 ECMA-262 标准的实现和扩展。
上文提到了第一个神秘代码 ECMA-262，ECMA-262 到底是什么呢？原来 Ecma 国际的标准，都会以 Ecma-Number 命名，ECMA-262 就是 ECMA 262 号标准，具体就是指 ECMAScript 遵照的标准。1996 年 11 月，网景公司将 JavaScript 提交给 Ecma 国际进行标准化。ECMA-262 的第一个版本于 1997 年 6 月被 Ecma 国际采纳。
我们熟悉的 ES6
上文提到 ECMAScript 是由 Ecma 国际在标准 ECMA-262 中定义的脚本语言规范。到 2015 年，一共发布了 1、2、3、4、5、5.1、6 共 7 个版本（其中 4 被废弃）。
我们常把 5.1 之前的 ECMAScript 版本统称做 ES5，将 6 版本之后的版本统称做 ES6（因为从 2015 年起，ECMAScript 终于步入正轨，每年发布一次版本，到了 2021 年，已经发布了 6 个版本了，实在太多，所以用变革了 JavaScript 时代的 ES6 作为后续版本的代称）。
划重点，Web 前端招聘的 JD 中，经常出现的 ES6，不仅仅是 ES2015 这个版本，而是指代 ES2015 和其后每年发布的 ECMAScript 版本。
从 ECMAScript 第 6 版开始，每年发布一个 ECMAScript 版本，因此 ECMAScript 版本有了很多名字，包括全名 ECMAScript 6、简写 ES6、年份命名 ECMAScript 2015、年份简写 ES2015。最常见的名字还是 ES6，之后推出的 ES7、ES8 等同理。
ECMAScript 与 JavaScript 的关系？
ECMAScript 简称 ES。ES 是一个脚本语言。注意，是 ES 也是脚本语言。
ES 通常可以看作是 JavaScript 的标准化规范。
ES 只提供了最基本的语法。如：怎样定义变量和函数。
JS 实现了 ES 的语言标准。JS 还在此基础上新增了一些拓展，使得我们可以在浏览器可以操作 DOM/BOM，在 Node 环境中可以读写文件等操作。
因为 JS 是在 ES 基础上的拓展，所有 JS 是 ES 的扩展语言。
JS 在浏览器环境中的组成关系：ES + Web Apis (BOM + DOM 等)。
JS 在 Node 环境中的组成关系：ES + Node Apis（fs + net 等）。
ES6怎么转ES5
Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在老版本的浏览器执行。这意味着，你可以用 ES6 的方式编写程序，又不用担心现有环境是否支持。下面是一个例子。
// 转码前
input.map(item=> item +1);// 转码后
input.map(function(item){return item +1;});上面的原始代码用了箭头函数，Babel 将其转为普通函数，就能在不支持箭头函数的 JavaScript 环境执行了。
下面的命令在项目目录中，安装 Babel。
$ npm install --save-dev @babel/core配置文件.babelrc
Babel 的配置文件是.babelrc，存放在项目的根目录下。使用 Babel 的第一步，就是配置这个文件。
该文件用来设置转码规则和插件，基本格式如下。
{"presets":[],"plugins":[]}presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装。
# 最新转码规则
$ npm install --save-dev @babel/preset-env
# react 转码规则
$ npm install --save-dev @babel/preset-react然后，将这些规则加入.babelrc。
{"presets":["@babel/env","@babel/preset-react"],"plugins":[]}注意，以下所有 Babel 工具和模块的使用，都必须先写好.babelrc。
命令行转码
Babel 提供命令行工具@babel/cli，用于命令行转码。
它的安装命令如下。
$ npm install --save-dev @babel/cli基本用法如下。
# 转码结果输出到标准输出
$ npx babel example.js
# 转码结果写入一个文件
# --out-file 或 -o 参数指定输出文件
$ npx babel example.js --out-file compiled.js
# 或者
$ npx babel example.js -o compiled.js
# 整个目录转码
# --out-dir 或 -d 参数指定输出目录
$ npx babel src --out-dir lib
# 或者
$ npx babel src -d lib
# -s 参数生成source map文件
$ npx babel src -d lib -sES6语法
ECMAScript 6 入门
