在前端开发中，ES11（也称为 ECMAScript 2020）是一个非常重要的版本。它引入了许多新的功能和语法，其中最重要的是对原有方法的优化与升级。这些优化和升级可以提高性能和可读性，从而使开发人员更加高效地编写代码。
本文将详细介绍 ES11 对原有方法的优化与升级，并提供示例代码和指导意义，帮助开发人员更好地理解和应用这些新功能。
1. String.prototype.matchAll()
在 ES11 中，String.prototype.matchAll() 方法被引入了。这个方法可以返回一个迭代器对象，该对象包含与正则表达式匹配的所有字符串。这个方法的优点是，它可以一次性找到所有匹配的字符串，而不是每次只找到一个。
示例代码：
----- --- - ------ ------- ----- ----- - ----- ----- ------- - -------------------- --- ------ ----- -- -------- - ------------------- -
输出：
----- ------ -- ------ ------ ------- ------- ---------- ----- ------ -- ------ ------ ------- ------- ----------
这个例子中，我们使用正则表达式 /o/g 来匹配字符串中的所有 o 字符。然后，我们使用 matchAll() 方法找到所有匹配的字符串，并将它们打印到控制台上。
2. Promise.allSettled()
在 ES11 中，Promise.allSettled() 方法被引入了。这个方法可以接受一个 Promise 数组，并返回一个新的 Promise，该 Promise 将在所有输入 Promise 都被解决或拒绝后解决。这个方法的优点是，它可以处理所有 Promise 的状态，而不仅仅是解决的状态。
示例代码：
----- -------- - - ------------------------- ------------------ ---------------- -------------------- -- ---------------------------- ------------- -- ----------------------
输出：
- - ------- ------------ ------ ------- -- - ------- ----------- ------- ------ ----- -- ---------------- -- - ------- ------------ ------ --- - -
这个例子中，我们创建了一个包含三个 Promise 的数组。其中第二个 Promise 被拒绝，而其他两个被解决。然后，我们使用 Promise.allSettled() 方法处理这个数组，并将结果打印到控制台上。
3. Nullish Coalescing Operator
在 ES11 中，Nullish Coalescing Operator（??）被引入了。这个操作符可以用来检查一个值是否为 null 或 undefined，如果是，则返回一个默认值。
示例代码：
----- --- - ---- -- -------- ------- ----- --- - --------- -- -------- ------- ----- --- - ------- -- -------- ------- ----------------- -- -------- ------ ----------------- -- -------- ------ ----------------- -- -------
这个例子中，我们使用 Nullish Coalescing Operator（??）来检查变量 foo 和 bar 是否为 null 或 undefined。如果是，它们将返回默认值。而变量 baz 不是 null 或 undefined，因此它将返回它的原始值。
4. Optional Chaining Operator
在 ES11 中，Optional Chaining Operator（?.）被引入了。这个操作符可以用来检查一个值是否存在，如果存在，则访问它的属性或方法。
示例代码：
----- --- - -
---- -
---- ------ ------
-
--
----- --- - -------------
----- --- - -------------
----------------- -- ---------
----------------- -- ------ ------这个例子中，我们使用 Optional Chaining Operator（?.）来检查对象 obj 中的 foo 属性是否存在。如果存在，我们可以访问其 bar 属性的值。但是，我们无法访问其 baz 属性的值，因为它不存在。
结论
ES11 对原有方法的优化与升级提供了许多新功能和语法，可以提高性能和可读性。在本文中，我们介绍了 String.prototype.matchAll()、Promise.allSettled()、Nullish Coalescing Operator 和 Optional Chaining Operator 这些新功能，并提供了示例代码和指导意义，帮助开发人员更好地理解和应用这些新功能。希望这篇文章对你有所帮助，让你更加高效地编写代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6725fa1a2e7021665e194088