ES6是一个泛指,含义是5.1以后的JavaScript的下一代标准,涵盖了ES2015 ES2016 ES2017等等。ES2015是正式名称,指该年发布的正式版本的语言标准。
Babel转码器
Babel转码器:ES6转码器,可以将ES6代码转为ES5代码,解决老版本浏览器兼容问题
1.Babel
$ npm install --save-dev @babel/core
2..babelrc文件
先安装
# 最新转码规则
$ npm install --save-dev @babel/preset-env
# react 转码规则
$ npm install --save-dev @babel/preset-react
加入.babelrc
{
"presets": [
"@babel/env",
"@babel/preset-react"
],
"plugins": []
}
浏览器环境使用Babel:
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel">
// Your ES6 code
</script>
注意,网页实时将 ES6 代码转为 ES5,对性能会有影响。生产环境需要加载已经转码完成的脚本。
REPL 在线编译器,可以在线将ES6代码转为ES5代码。