ES11，也叫做ES2020，是JavaScript的最新版本，它引入了许多新的语言特性和API。在这篇文章中，我们将深入了解ES11的新特性，并提供示例代码来说明如何使用它们。
1.可选链操作符
可选链操作符是ES11中最令人兴奋的新特性之一。它允许我们在访问对象属性时，不必担心遇到空值或未定义属性的错误。以前，我们需要使用长长的if语句来检查每个属性是否存在，以确保代码不会崩溃。
现在，我们可以使用可选链操作符“？。”来简化这个过程。如果age对象属性存在，我们可以使用age ?. value访问它。如果age属性不存在，它将返回undefined而不是TypeError。
示例代码：
-- -------------------- ---- -------
--- ---- - -
----- ------
-------- -
----- ---------
-
--
--------------------------------- -- ------- ---------
------------------------------- -- ------- ---------在上面的代码中，我们使用可选链操作符访问了user对象的address.city属性。我们还尝试访问不存在的user.name.first属性。在这两种情况下，我们都能够避免出现TypeError错误。
2.动态导入
以前，我们只能使用静态导入来加载依赖项和模块。这使得我们必须在编译时确定所有必需的依赖项。如果我们需要在运行时动态加载模块，我们不得不使用一些替代解决方案。
ES11的新特性“动态导入”改变了这一点，允许我们在运行时使用一个表达式来加载模块。它返回一个Promise对象，该对象在模块加载完成后将被解析。
示例代码：
async function loadModule(moduleName) {
const module = await import(`./modules/${moduleName}.js`);
module.doSomething();
}
loadModule('moduleA');在上面的代码中，我们使用动态导入从modules目录中加载模块。请注意，我们传递给import()函数的路径表达式是一个字符串插值，它使用变量moduleName来构造路径。
3. String.prototype.matchAll
String.prototype.matchAll是一个新的String方法，它返回一个可以迭代的对象，该对象包含与正则表达式匹配的所有字符串。与String.prototype.match不同，它返回一个数组，其中包含它找到的第一个匹配项。
示例代码：
const str = 'hello world';
const regex = /[aeiou]/g;
for (const match of str.matchAll(regex)) {
console.log(match);
}在上面的代码中，我们定义了一个正则表达式，该表达式匹配字符串中的任何元音字母。我们使用matchAll方法遍历字符串的所有匹配项，并在控制台上打印它们的值。
4. Promise.allSettled
Promise.allSettled是Promise.all的一个变体。它等待所有Promise对象完成，并返回一个数组，该数组包含所有Promise对象的状态（已解决，已拒绝或已处理）和结果（如果可用）。
与Promise.all不同，Promise.allSettled不会提前退出，并在所有Promise对象完成后返回结果。这使得它成为执行所有Promise操作的理想选择。
示例代码：
-- -------------------- ---- ------- ----- -------- - - ---------------------------- --------------------------- --------------------------- -- ----------------------------------------- -- - ---------------------- -- --------------------- ---
在上面的代码中，我们构造了一个包含三个Promise对象的数组，并使用Promise.allSettled方法将它们作为一个单独的Promise对象来处理。在结果被解析后，我们遍历数组并打印每个结果。
总结
ES11的新特性使JavaScript编程变得更加容易和舒适。我们介绍了可选链操作符、动态导入、String.prototype.matchAll和Promise.allSettled等新特性，并提供了示例代码以帮助您了解如何使用它们。这些特性将给你带来更好的编程体验，并使你的代码更加简洁易懂。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648d1ae648841e9894b66af5