随着前端技术的不断发展，JavaScript 也在不断地更新和改进。ES11 和 ES12 是 JavaScript 的两个最新版本，它们中都包含了许多新特性，这些新特性可以帮助我们简化代码，提高效率。本文将详细介绍 ES11 和 ES12 中的新特性，并提供示例代码来帮助你更好地理解。
ES11 中的新特性
可选链操作符（Optional chaining）
在以前的版本中，我们经常需要使用繁琐的判断语句来避免空指针异常，例如：
-- ---- -- -------- -- ----------------- - -- -- --------- -
在 ES11 中，我们可以使用可选链操作符来简化这个过程：
-- -------------------- - -- -- --------- -
这个操作符的作用是在对象的属性链中进行安全的访问，如果链中的任何一个属性不存在，那么程序不会报错，而是会返回 undefined。
空值合并操作符（Nullish coalescing）
在以前的版本中，我们通常使用 || 运算符来提供默认值，例如：
----- - - --------- -- --
但是，如果 options.x 的值为 0 或者 false，那么上面的代码就会出现问题。在 ES11 中，我们可以使用空值合并操作符来解决这个问题：
----- - - --------- -- --
这个操作符的作用是在左侧的值为 null 或 undefined 时，返回右侧的值。
String.prototype.replaceAll()
在以前的版本中，我们通常需要使用正则表达式来替换字符串中的所有匹配项，例如：
----- --- - ------ ------- ----- ------ - --------------------- ------
在 ES11 中，我们可以使用 String.prototype.replaceAll() 来简化这个过程：
----- --- - ------ ------- ----- ------ - ----------------------- ------
这个方法的作用是替换字符串中的所有匹配项。
ES12 中的新特性
Promise.any()
在以前的版本中，我们通常需要使用 Promise.race() 来等待多个 Promise 中的任意一个完成，例如：
----------------------- --------- ----------
------------ -- -
-- -- ---------
---但是，如果其中一个 Promise 被拒绝了，那么就会立即返回拒绝原因，而不是等待其它 Promise 完成。在 ES12 中，我们可以使用 Promise.any() 来解决这个问题：
---------------------- --------- ----------
------------ -- -
-- -- ---------
---这个方法的作用是等待多个 Promise 中的任意一个完成，如果其中一个 Promise 被解决了，那么就会返回其解决值。
WeakRef 和 FinalizationRegistry
在以前的版本中，我们通常需要手动管理内存，例如手动删除对象、取消事件监听器等。在 ES12 中，我们可以使用 WeakRef 和 FinalizationRegistry 来更方便地管理内存。
WeakRef 可以用来创建一个对象的弱引用，这个引用不会阻止垃圾回收器回收这个对象。FinalizationRegistry 可以用来注册一个回调函数，当一个对象被垃圾回收器回收时，这个回调函数就会被执行。
示例代码：
----- -------- - --- -------------------------- -- -
------------------- --- ---- ------- ----------- -------
---
----- ------- -
------------- -
----------------------- -----------
-
-
--- --- - --- ----------
--- - ----- -- ------- ---------------------总结
ES11 和 ES12 中的新特性可以帮助我们简化代码，提高效率。本文介绍了 ES11 中的可选链操作符、空值合并操作符和 String.prototype.replaceAll()，以及 ES12 中的 Promise.any()、WeakRef 和 FinalizationRegistry。希望这些新特性能够帮助你更好地开发 JavaScript 应用程序。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d2c644add4f0e0ffb12667