ES6简介及转码

一、ES6是什么

ECMAScript6（简称ES6）是JavaScript语言的下一代标准，于2015年6月发布。所以ES2015，也就是ES6。ECMAScript是JavaScript的规格，JavaScript是ECMAScript的一种实现。

二、浏览器对ES6的支持情况。

详细情况可查阅 http://kangax.github.io/compat-table/es6/。
可以看出基本上没有浏览器完全支持ES6，所以一般不要直接用的好，但是我们可以用 转码器 把ES6转换为被浏览器接受的ES5。

三、ES6转码

Babel是一个对ES6支持程度较高，使用范围较广的转码器。
Babel使用方法总结：
1、在命令行中使用

$ npm install --global babel-cli

# 转码结果输出到标准输出
$ babel example.js

# 转码结果写入一个文件
# --out-file 或 -o 参数指定输出文件
$ babel example.js --out-file compiled.js
# 或者
$ babel example.js -o compiled.js

# 整个目录转码
# --out-dir 或 -d 参数指定输出目录
$ babel src --out-dir lib
# 或者
$ babel src -d lib

# -s 参数生成source map文件
$ babel src -d lib -s

2、浏览器环境
这个方法的缺点是实时转码需要时间，性能上不及预先转换的方案，因此生产环境中不推荐使用，仅供学习研究使用。
首先我们需要下载browser.js，注意，这是 Babel 5 的版本，Babel 6 开始不再直接提供该文件，需要自行构建。
除了从上面的链接下载，你也可以用 npm 下载：
npm install babel-core@5
下载后在node_modules/babel-core子目录中就能找到browser.js文件。
使用方法如下：

<script src="node_modules/babel-core/browser.js"></script>
<script type="text/babel" src="your_own_es6_file.js"></script>

有两点需要注意
browser.js 文件必须放在你自己的 js 文件之前
你自己的文件的类型要写成type=”text/babel”
3、在线转换
Babel提供一个REPL在线编译器，可以在线将ES6代码转为ES5代码。转换后的代码，可以直接作为ES5代码插入网页运行。

赏

谢谢你请我吃糖果

微信