随着 JavaScript 的不断发展，ES11（也称为 ECMAScript2020）带来了一些新的特性。这些特性包括许多实用功能和语言改进，有助于提高前端开发的效率和代码的可读性。在本文中，我们将讨论 ES11 中的一些最值得使用的特性。
1. 可选链操作符
在以前的版本中，如果我们想访问对象的嵌套属性，我们需要使用繁琐的 if/else 语句或短路运算符。而在 ES11 中，我们可以使用可选链操作符（?.）来简化这个过程。
例如，假设我们有一个对象 person，其中包含了一个 address 属性，而 address 又包含了一个 city 属性。我们可以使用可选链操作符来访问 city 属性：
const city = person?.address?.city;
如果 person 或 address 属性不存在，city 变量将被赋值为 undefined，而不会抛出错误。
2. 空值合并运算符
在以前的版本中，我们经常需要使用三元运算符来检查变量是否为 null 或 undefined。而在 ES11 中，我们可以使用空值合并运算符（??）来简化这个过程。
例如，假设我们有一个变量 name，我们想要检查它是否为 null 或 undefined。我们可以使用空值合并运算符来提供一个默认值：
const username = name ?? 'Guest';
如果 name 变量为 null 或 undefined，username 变量将被赋值为 'Guest'。
3. 动态导入
在以前的版本中，我们只能使用静态导入来引入模块。而在 ES11 中，我们可以使用动态导入来在运行时引入模块。
例如，假设我们有一个变量 module，它包含了我们想要引入的模块的路径。我们可以使用动态导入来引入这个模块：
const myModule = await import(module);
注意，动态导入返回一个 Promise，我们需要使用 await 关键字来等待导入完成。
4. String.prototype.matchAll
在以前的版本中，我们只能使用正则表达式的 exec 方法来遍历匹配的字符串。而在 ES11 中，我们可以使用 String.prototype.matchAll 方法来获取匹配的所有结果。
例如，假设我们有一个字符串 text，其中包含了多个匹配项。我们可以使用 matchAll 方法来获取所有的匹配项：
const regex = /(\w+)\s(\w+)/g;
const matches = text.matchAll(regex);
for (const match of matches) {
console.log(match[0]); // 匹配的整个字符串
console.log(match[1]); // 第一个捕获组
console.log(match[2]); // 第二个捕获组
}5. Promise.allSettled
在以前的版本中，我们只能使用 Promise.all 方法来等待所有 Promise 对象都完成。而在 ES11 中，我们可以使用 Promise.allSettled 方法来等待所有 Promise 对象都完成，不管它们是成功还是失败。
例如，假设我们有一个数组 promises，其中包含了多个 Promise 对象。我们可以使用 Promise.allSettled 方法来等待它们全部完成：
-- -------------------- ---- -------
----- ------- - ----- -----------------------------
------------------------ -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
---------------------------
-
---结论
ES11 带来了许多实用功能和语言改进，有助于提高前端开发的效率和代码的可读性。在本文中，我们讨论了一些最值得使用的特性，包括可选链操作符、空值合并运算符、动态导入、String.prototype.matchAll 和 Promise.allSettled。我们建议开发者们在日常开发中积极使用这些特性，以提高代码的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67613de603c3aa6a560be8c1