前言
ECMAScript是Web前端工程师必须掌握的编程语言之一。在2020年，ECMAScript标准委员会发布了ECMAScript 2020（ES11）的新版本，其中包含了许多新的语言特性和功能。本文将会详细讲解ES11中的一些主要新特性，并提供相应的示例代码。
功能
功能1：可选链操作符
ES11中引入了一个新的操作符?.，用于解决深度嵌套对象的访问问题。在访问一个对象的属性或方法之前，我们通常需要对其进行null或undefined判断，以避免引发未知错误。在有了可选链操作符之后，代码就能更加简洁和易读。
// javascriptcn.com 代码示例
// 普通对象访问方式
if (obj && obj.child && obj.child.child && obj.child.child.data) {
// do something...
}
// 使用可选链操作符
const data = obj?.child?.child?.data;
if (data) {
// do something...
}功能2：动态引入
在ES11之前，我们只能通过静态方式引入外部JavaScript模块，但在ES11中，我们可以通过import()动态地引入一个模块。动态引入能够解决静态引入的一些局限性，比如在需要优化加载性能或动态加载某个模块时，会很有用。
const myModule = await import('./myModule.js');
myModule.doSomething();功能3：BigInt类型
ES11中新增了一种基本数据类型BigInt，用于表示大于2^53-1的整数。BigInt数据类型可以通过在整数末尾添加n或N来创建。
const bigInt = 9007199254740993n; console.log(bigInt); // 9007199254740993n
功能4：String.prototype.matchAll
字符串操作是前端开发中的一个重要环节。在ES11中，String对象新增了一个可迭代方法matchAll()，它能够通过正则表达式匹配一个字符串中的所有结果，并返回一个迭代器。
const str = 'hello world';
const regex = /[a-z]/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match[0]);
}功能5：Promise.allSettled
在ES11中，Promise新增了一个静态方法allSettled()，它能够获取一组Promise对象的结果，不论是否成功，都将其结果以数组的形式返回。与Promise.all()不同之处在于，即使其中有Promise对象的状态是rejected，allSettled()依然会将其结果返回。
// javascriptcn.com 代码示例
const promises = [Promise.resolve(1), Promise.reject('error'), Promise.resolve(3)];
const results = await Promise.allSettled(promises);
console.log(results);
// [
// { status: 'fulfilled', value: 1 },
// { status: 'rejected', reason: 'error' },
// { status: 'fulfilled', value: 3 }
// ]总结
ES11中引入的这些新特性都是非常有用的，它们能够极大地提升我们的编码效率和代码可读性。在学习和使用它们的时候，我们需要认真阅读相关的文档和示例，并根据实际需求来合理使用它们。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653b12f47d4982a6eb562c50