前言
随着前端技术的不断发展，ES6/ES7 的新特性在最新的浏览器中得到了广泛的支持，然而在部分较老的浏览器（如IE）中，这些特性并不被支持，这时候我们就需要使用 babel 来将 ES6/ES7 转译为 ES5 语法，以保证代码的兼容性.
本文将介绍使用 babel 处理 ES6/ES7 语法的最佳实践，既能让你快速上手，又能让你写出高质量的编码.
安装
使用 babel 需要通过 npm 安装相应的模块. 安装可以分为两个部分：
- 安装 babel-cli 作为命令行工具.
- 安装 babel-preset-es2015 用来支持 ES6 语法.
$ sudo npm install -g babel-cli $ npm install --save-dev babel-preset-es2015
配置
创建一个 .babelrc 配置文件, 在文件内写入如下内容：
{
"presets": ["es2015"]
}写 ES6 代码
现在我们就可以开始使用 ES6 代码了. 这里给出一段使用 ES6 class 语法的示例代码.
-- -------------------- ---- -------
----- ------ -
---------------------- --------- -
-------------- - ----------
------------- - ---------
-
------------- -
------ ------------------ ------------------
-
-
--- - - --- -------------- -------
----------------------------- -- -- ----- ----编译
通过命令行输入以下命令即可将 ES6 代码转译为 ES5 语法.
$ babel input.js -o output.js
结论
babel 是一个强大的工具，可以让我们在旧版本的浏览器中使用 ES6/ES7 等最新的特性. 通过本文的介绍，相信读者可以学习到使用 babel 处理 ES6/ES7 语法的最佳实践，并能够写出高质量的编码.
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6713adaaad1e889fe20f43bc