ES10（又称为 ECMAScript 2019）是 JavaScript 的最新版本。它引入了许多新的特性，它们大部分是关于异步编程的改进。这些改进包括：Promise.allSettled、String.prototype.matchAll 和可选链（optional chaining）等。
然而，由于浏览器对 JavaScript 的支持程度还不完全一致，因此，程序员可能遇到一些兼容性问题。在本文中，我们将探讨用什么方式可以解决 ES10 新特性在浏览器中的兼容性问题。
Polyfill
Polyfill 是指模拟（fill）一个新对象的功能，使其在旧浏览器上运行，从而实现浏览器的兼容性。
我们可以在现代浏览器中使用某些 jQuery 插件等库，然而，如果你想使用 ES10 新特性，你需要写一些 Polyfills。这意味着你要手动在你的代码中添加缺少的功能。
让我们来看一个例子：使用 Promise.allSettled 方法，该方法是一种新的 Promise 相关方法，可以在所有 Promise 对象状态为 settled 时返回结果。
-- --------------------- -
------------------ - -------- --
------------
-------------------- --
-------
----------- -- --
------- ------------
-----
---
------------- -- --
------- -----------
------
---
-
--
-当 Promise.allSettled 不可用时，我们在原生 Promise 上打补丁。这段代码创建了一个与原始 Promise.all 相同的方法，并解决了所有 settled Promises 的状态。现在，我们可以在所有浏览器中安全地使用 Promise.allSettled 方法。
Babel
Babel 是一个 JavaScript 应用程序的编译器，它可以将新的 ECMAScript 2015+ 语法编译为向后兼容的版本，以便将源代码转化为不同版本的 JavaScript。这样，开发人员就可以在不同版本的浏览器中编写和运行 JavaScript，而不需要为兼容性问题担忧。
要安装 Babel，使用 npm 命令来安装 Babel CLI，它可以为你提供一个命令行界面：
--- ------- ---------- ----------- ----------
现在，我们可以运行 Babel CLI 来转译我们的脚本文件：
--- ----- --------- ---------- ------------------
我们将会 使用新的 ECMAScript 2015+ 语法来编写 JavaScript 文件，并使用 Babel 将其转换成向后兼容的语法。
TypeScript
TypeScript 是 JavaScript 的一个超集，它包含 JavaScript 的所有元素，并添加了一些新的概念，比如类型注解。
TypeScript 提供了许多 features，它可以在编译代码时通过内置的编译器将 TypeScript 代码编译成 JavaScript。这样，TypeScript 代码可以在任何支持 JavaScript 的浏览器上运行。
参考如何在 TypeScript 中使用 Promise.allSettled 方法：
------- --------- ------------------ -
-------------------- ---------------- ---------------
-
------------------ - ------------------ -- ------------------ -
------ -------------------------- --
----------------------------- -- --
------- ------------
-----
--- ------ -- --
------- -----------
------
---
---
--结论
有许多方式可以解决 ES10 新特性在浏览器中的兼容性问题。你可以使用 Polyfill 来模拟 ECMA 2019 中的功能，使用 Babel 来转化新语法，使用 TypeScript 来为你的程序加上类型检查。
然而，存在一些 Polyfills 和兼容性处理，它们的逻辑可能不是很严密，因此，强烈建议开发者在上线前执行严格的测试。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67218a392e7021665e07e3a3