什么是 ES2？
ES2 是 ECMA Script 2 的简称，是 ECMAScript 的第二个版本。该版本于 1998 年发布，主要增加了正则表达式、异常处理和字符串处理等方面的新特性。尽管现代浏览器已经支持了 ES6 及以上版本，但对于一些老旧浏览器来说，ES2 仍然是一种可以使用的 JS 编写方式。因此本篇文章将介绍如何用 Babel 编译 ES6 代码为 ES2 可用的代码。
什么是 Babel？
Babel 是一个 JavaScript 编译器，它可以将 ECMAScript 6+ 代码转换成向后兼容的 JavaScript 代码。Babel 并不会改变 JS 原有的语法，只是将较新的 JS 语法转换成浏览器或者运行环境可以支持的语法。使得我们可以使用最新特性编写 JS 代码，同时不用担心它的向后兼容性。 Babel 能够进行诸如 ES6 转 ES5，JSX 转 JavaScript 等操作。
使用 Babel 编译 ES2
首先，我们需要安装 Babel：
npm install @babel/core @babel/cli @babel/preset-env
然后，我们需要针对 ES2 的特性，配置 Babel：
-- -------------------- ---- -------
-
---------- -
-
--------------------
-
---------- -
------------ ----- -- --- --------- --- --
-
-
-
-
-在 ES6 代码中，我们可以使用一些新的特性，如 let、const、箭头函数等等。为了让 Babel 能够编译这些新特性，我们需要使用 Babel 的插件来实现：
npm install @babel/plugin-transform-block-scoping @babel/plugin-transform-arrow-functions
使用 Babel 命令来编译我们的代码：
babel src --out-dir lib
这样，我们就可以生成 ES2 代码，具体来说，ES6 代码将被转换成 ES2 代码：
-- -------------------- ---- ------- -- --- --- - - -- --- ---- - - -- - - --- ---- - --------------- - --------------- -- --- --- - - -- --- ---- - - -- - - --- ---- - --------------- - ---------------
这样，我们就可以在需要兼容 ES2 环境的地方使用 Babel 编译出来的代码。
总结
通过使用 Babel，我们可以在 ES6 新特性的基础上编写 JS 代码，同时也能够保证运行环境的向后兼容性。对于一些需要适应老旧浏览器的前端项目来说，使用 Babel 来编译 ES2 代码，是非常有意义的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648e92e248841e9894cf1d66