ES11（也称为 ECMAScript 2020）是 JavaScript 的最新版本，它包含了许多新的语言特性和 API。本文将介绍一些最有用的 ES11 API，以及如何使用它们来提高前端开发的效率。
1. Promise.allSettled()
Promise.allSettled() 方法返回一个 Promise，在所有给定的 Promise 都已经 fulfilled 或 rejected 后，才会 resolve。返回的 Promise 的结果是一个数组，包含了每个 Promise 的结果。
-- -------------------- ---- -------
----- -------- - -
-----------------------
----------------------
----------------------
--
----------------------------
------------- -- -
---------------------
-- ---
-- -
-- - ------- ------------ ------ ----- --
-- - ------- ----------- ------- ----- --
-- - ------- ------------ ------ ----- -
-- -
---2. String.prototype.matchAll()
String.prototype.matchAll() 方法返回一个迭代器，用于遍历字符串中所有匹配正则表达式的子串。它返回的迭代器包含了每个匹配的详细信息，包括匹配的子串、匹配的索引和匹配的捕获组。
-- -------------------- ---- ------- ----- --- - ---- --- --- ----- ----- ----- - ------- --- ------ ----- -- -------------------- - ------------------- -- --- -- ------- ------ -- ------ ---- --- --- ----- ------- ---------- -- ------- ------ -- ------ ---- --- --- ----- ------- ---------- -
3. BigInt
BigInt 是一种新的原始类型，用于表示任意精度的整数。它可以处理超出 JavaScript Number 类型的范围的整数。BigInt 通过在数字后面添加 n 来声明。
const bigInt = 9007199254740991n + 1n; console.log(bigInt); // 输出：9007199254740992n
4. Optional Chaining
Optional Chaining 是一种新的语法，用于安全地访问嵌套对象的属性。如果对象的某个属性不存在，它将返回 undefined，而不是抛出 TypeError。
-- -------------------- ---- -------
----- ------ - -
----- -------
-------- -
----- ---- -----
-
--
---------------------------------- -- ------- -----
------------------------------------- -- ------------5. Nullish Coalescing
Nullish Coalescing 是一种新的语法，用于提供默认值，当变量的值为 null 或 undefined 时。它使用 ?? 操作符来执行此操作。
const foo = null ?? 'default'; console.log(foo); // 输出：'default' const bar = undefined ?? 'default'; console.log(bar); // 输出：'default' const baz = 'value' ?? 'default'; console.log(baz); // 输出：'value'
结论
ES11 引入了许多有用的新特性和 API，可以帮助前端开发人员更轻松地完成任务。本文介绍了几个最有用的 API，包括 Promise.allSettled()、String.prototype.matchAll()、BigInt、Optional Chaining 和 Nullish Coalescing。这些 API 可以帮助我们提高代码的可读性、可维护性和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673eb3e290e7ed93bee45cc5