ECMAScript 2020（通常被称为 ES11）是 JavaScript 的最新版本，于 2020 年 6 月正式发布。该版本包含了一些新特性和增强功能，为开发人员提供了更好的工具和能力，同时也促进了 JavaScript 语言的发展和进步。
在本文中，我们将详细介绍 ES11 的新特性，包括对这些特性的深入解析，以及示例代码的演示，帮助你更好地了解和掌握这些新功能。同时，我们也将提供一些实用的指导意义，帮助你在开发中更好地应用这些特性。
1. Promise.allSettled
Promise.allSettled 是 Promise 的一种新方法，它接收一个 Promise 数组，并在其中每个 Promise 对象都执行完成后返回一个新的 Promise 对象。这个新的 Promise 对象将返回一个数组，其中每个元素都包含原始 Promise 的结果或拒绝原因。
下面是一个示例代码：
-- -------------------- ---- -------
----- -------- - -
------------------------ ----
--------------------- ----
--------------------- ----
------------------------ ---
--
----------------------------------------- -- -
---------------------- -- -
--------------------
---
---输出结果如下：
{ status: 'fulfilled', value: 'Success 1' }
{ status: 'rejected', reason: 'Error 1' }
{ status: 'rejected', reason: 'Error 2' }
{ status: 'fulfilled', value: 'Success 2' }这样，我们就可以同时处理多个 Promise 对象，且不受其中任何一个 Promise 失败的影响。
2. BigInt
BigInt 是 ES11 引入的一种新的原始数据类型，用于表示任意精度的整数。它可以表示比 JavaScript 中 Number 类型更大的整数。也就是说，BigInt 类型的整数没有范围限制。
我们可以使用以下方法创建一个 BigInt：
const bigint = BigInt(9007199254740991); // 9007199254740991n
注意这里的后缀 n 表示这是一个 BigInt 类型的整数。注意，BigInt 和 Number 类型不同，无法互相比较，需要使用 BigInt 对象的方法。
3. 可选链操作符
可选链操作符 ?. 是一种新的语法来检查一个变量是否为 null 或 undefined。它可以在访问对象的属性或方法时避免类型错误。如果对象不存在特定的属性或方法，则可选链操作符将返回 undefined 而不是抛出错误。
以下是一个示例代码：
-- -------------------- ---- -------
----- --- - -
------ -
------ -
------ -------
-
-
--
------------------------------------- -- -- -------
------------------------------------- -- -- ---------这个例子中，我们使用了可选链操作符来检查对象的属性是否存在，避免了访问不存在的属性时抛出错误。这样我们在代码中可以更加安全，避免一些不必要的异常。
4. String.prototype.matchAll
String.prototype.matchAll 方法是一种新的实例方法，用于在字符串中查找与正则表达式匹配的所有子字符串，并返回一个迭代器。使用这个迭代器我们可以遍历所有匹配的子字符串信息。
以下是一个示例代码：
const regex = /t(e)(st(\d?))/g;
const str = 'test1test2';
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match);
}输出结果如下：
["test1", "e", "st1", "1", index: 0, input: "test1test2", groups: undefined] ["test2", "e", "st2", "2", index: 5, input: "test1test2", groups: undefined]
这样我们可以更方便地在字符串中搜索多个子串，并对它们执行一些操作。
5. 异步迭代器
异步迭代器是 ES11 新增的一种特性，它允许我们遍历异步数据源（如异步生成器）中的元素。这是一种类似于同步迭代器的实现，不过它改变了异步函数的执行方式，并提供了更好的灵活性和可靠性。
以下是一个使用异步迭代器遍历异步数据源的示例代码：
async function fetchData(url) {
const response = await fetch(url);
const data = await response.json();
for await (const item of data) {
console.log(item);
}
}这个代码片段通过异步迭代器遍历了一个异步数据源（data），在控制台中输出了数据的每个元素。
总结
ES11 带来的新特性和增强功能是 JavaScript 的重要的一步发展，它们使开发人员能够更加高效地开发和维护 JavaScript 应用程序。本文中我们介绍了 Promise.allSettled、BigInt、可选链操作符、String.prototype.matchAll 和异步迭代器等新特性，并演示了相关示例代码。同时，我们也提供了一些实用的指导意义和最佳实践，帮助您在使用这些新功能时更加成功。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6479e822968c7c53b05d0b6d