如何在项目中实现 ECMAScript 2021 的新特性
ECMAScript 2021 是 JavaScript 的最新版本，它引入了一些有用的新特性，如可选链、空值合并运算符、数字分隔符、Promise.any 等等。在本文中，我们将详细地讲解如何在项目中实现 ECMAScript 2021 的新特性，以便提高你的 JavaScript 开发技能。
- 可选链
可选链是 ECMAScript 2020 的一个新特性，但它被广泛使用，因为它解决了在深度嵌套的对象中访问属性时可能会出现 undefined 的情况。可选链使你能够安全地访问包含嵌套层次的对象，而不必担心对象是否存在。
在 ECMAScript 2021 中，可选链的语法还得到了改进。现在，你可以在可选链的末尾使用函数调用，而不必在调用前检查对象是否存在。例如：
----- ---- - -
----- --------
------- -- -- --- ---- -- -------
-------- -
------- ---- ---- --------
----- ----------
------ -----
---- --------
--
--
----- --- - ------------------- -- -----
----- --- - ----------------- -- --- ---- -- ------注意，可选链的末尾不需要括号，因为这样会导致在调用不存在的函数时抛出错误。
- 空值合并运算符
空值合并运算符（??）是 JavaScript 中的一个新操作符，它允许你使用默认值来代替 null 或 undefined。如果一个变量为 null 或 undefined，那么空值合并运算符将返回另一个值作为代替。例如：
----- - - ---- -- -- -- - ----- - - --------- -- -- -- - ----- - - - -- -- -- -
在 ECMAScript 2021 中，你可以在空值合并运算符的左侧使用可选链运算符。例如：
----- ---- - ----- ----- ---- - ---------- -- ---------- -- ---------
- 数字分隔符
数字分隔符允许你在数字中插入下划线，以提高可读性。例如：
----- ------- - ---------- ----- --- - ------------ ----- ------ - ------------
这些数字中的下划线将被忽略，因此它们和没有下划线的数字是相同的。
- Promise.any
Promise.any 是 ECMAScript 2021 中的一个新方法，它返回一个 Promise，该 Promise 在其中任何一个输入 Promise 成功时立即解决。这个方法在多个 Promise 中只需要一个 Promise 解决时非常有用，例如：
----- -- - ----------------------- ----- -- - --------------------------- ----- -- - ------------------------ ---------- ---------------- --- ----------------- -- - ------------------- -- --------- ---
如果所有的 Promise 都失败了，那么 Promise.any 将返回一个 AggregateError 实例，它包含了每个 Promise 的错误信息。
结论
本文介绍了 ECMAScript 2021 的一些新特性，包括可选链、空值合并运算符、数字分隔符、Promise.any 等等。通过这些新特性的使用，你可以更安全更方便地访问深度嵌套的对象、提高代码的可读性、简化异步操作等等。在实际项目中，记得使用转译工具或者 Babel 等工具将新特性转成 ES5 以兼容老浏览器。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66f75467c5c563ced59626d6