深挖 ES11: 新增是什么，为什么重要？
ES11，也被称为 ECMAScript 2020，是 JavaScript 的最新版本。它引入了许多新的特性，包括一些重要的语言特性和库函数。在本文中，我们将深入探讨 ES11 中的一些重要特性，以及它们的应用场景和示例代码。
- 可选链操作符
可选链操作符是 ES11 中最受欢迎的新特性之一。它允许我们在访问对象属性和方法时，避免了可能出现的空指针异常。
在旧的 JavaScript 中，我们通常使用短路运算符（&&）来检查对象的属性是否存在。例如：
if (obj && obj.prop && obj.prop.method) {
obj.prop.method()
}但是，这种方式会导致代码变得冗长和难以维护。ES11 中的可选链操作符可以让我们更简洁地写出上面的代码：
obj?.prop?.method()
如果 obj、prop 或 method 不存在，代码将不会抛出异常，而是返回 undefined。
- 动态 import
ES11 中的动态 import 允许我们在运行时异步加载模块。这个特性非常有用，特别是在构建大型应用程序时，可以帮助我们减少应用程序的启动时间。
例如，我们可以使用动态 import 来延迟加载一些不常用的模块：
async function loadModule() {
const module = await import('./path/to/module.js')
module.method()
}- BigInt
ES11 引入了 BigInt 类型，它允许我们在 JavaScript 中处理大于 2^53 - 1 的整数。在以前，JavaScript 只能处理 53 位的整数，如果超出这个范围，就会出现精度问题。
BigInt 类型使用 n 结尾的整数字面量来表示。例如：
const bigInt = 123456789012345678901234567890n
- Promise.allSettled
Promise.allSettled 是 Promise.all 的一个变体，它接受一个 Promise 数组，并在所有 Promise 都完成后返回一个数组。与 Promise.all 不同的是，Promise.allSettled 不会在任何 Promise 失败时拒绝。
返回的数组包含每个 Promise 的状态和值。例如：
const promises = [
Promise.resolve('success'),
Promise.reject('error'),
Promise.resolve('success again')
]
Promise.allSettled(promises)
.then(results => console.log(results))输出结果：
[
{ status: 'fulfilled', value: 'success' },
{ status: 'rejected', reason: 'error' },
{ status: 'fulfilled', value: 'success again' }
]- String.prototype.matchAll
ES11 中新增了 String.prototype.matchAll 方法，它返回一个迭代器，可以用来遍历字符串中所有匹配某个正则表达式的子串。
const str = 'Hello world, hello ES11'
const regex = /hello/gi
for (const match of str.matchAll(regex)) {
console.log(match[0])
}输出结果：
hello Hello
总结
ES11 引入了许多新特性，这些特性可以大大提高我们的开发效率和代码质量。在本文中，我们深入探讨了 ES11 中的一些重要特性，包括可选链操作符、动态 import、BigInt、Promise.allSettled 和 String.prototype.matchAll。希望通过本文的介绍，您能更好地理解这些新特性的目的和应用场景，并在实际开发中加以运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650e8c4495b1f8cacd7a922a