ECMAScript 2018 是 JavaScript 的最新标准版本，它包含了许多新特性和语法糖，可以提高开发效率和代码质量。然而，由于旧版浏览器的存在，我们需要考虑如何在不支持 ECMAScript 2018 的浏览器中兼容这些新特性。
Polyfill
Polyfill 是一种技术，它可以在旧版浏览器中模拟新特性。我们可以引入一些 Polyfill 库来实现对 ECMAScript 2018 新特性的支持，比如 core-js 和 babel-polyfill。
core-js
core-js 是一个 Polyfill 库，它包含了大量的 ECMAScript 新特性的实现。我们可以通过 npm 安装它，并在代码中引入需要的模块。
npm install core-js
比如，如果我们需要使用 Promise 和 Object.entries，我们可以这样引入：
import 'core-js/es6/promise'; import 'core-js/es7/object';
babel-polyfill
babel-polyfill 是 Babel 的一个插件，它可以在代码中自动插入 Polyfill。我们可以通过 npm 安装它，并在代码中引入。
npm install babel-polyfill
我们可以在代码的入口处引入 babel-polyfill：
import "babel-polyfill";
这样，我们就可以在代码中使用 ECMAScript 2018 的新特性了。
转译
除了使用 Polyfill，我们还可以使用转译器来将 ECMAScript 2018 的代码转换成旧版浏览器支持的代码。常用的转译器有 Babel 和 TypeScript。
Babel
Babel 是一个 JavaScript 转译器，它可以将 ECMAScript 2018 的代码转换成 ES5 代码。我们可以通过 npm 安装它，并配置一些插件和预设来实现转译。
npm install babel-cli babel-preset-env --save-dev
我们可以在项目的根目录下创建一个 .babelrc 文件，配置预设和插件：
{
"presets": [
"env"
],
"plugins": []
}然后，我们可以在命令行中使用 babel-cli 来转译我们的代码：
babel src -d lib
这样，我们就可以将 src 目录下的 ECMAScript 2018 代码转换成 ES5 代码并输出到 lib 目录下。
TypeScript
TypeScript 是 JavaScript 的一个超集，它包含了 ECMAScript 2018 的新特性，并且可以将 TypeScript 代码转换成 ES5 代码。我们可以通过 npm 安装它，并配置一个 tsconfig.json 文件来实现转译。
npm install typescript --save-dev
我们可以在项目的根目录下创建一个 tsconfig.json 文件，配置编译选项：
-- -------------------- ---- -------
-
------------------ -
--------- ------
------ -
--------
-
--
---------- -
----------
--
---------- -
--------------
-
-然后，我们可以在命令行中使用 tsc 来转译我们的代码：
tsc
这样，我们就可以将 src 目录下的 ECMAScript 2018 代码转换成 ES5 代码并输出到默认的输出目录下。
总结
在开发中使用 ECMAScript 2018 的新特性可以提高开发效率和代码质量，但是我们需要考虑旧版浏览器的兼容性。我们可以使用 Polyfill 和转译器来实现对 ECMAScript 2018 的支持，具体的选择取决于项目的需求和开发团队的技术栈。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65efb18b2b3ccec22f8f6a21