ES11 和 ES12 中的新特性

随着前端技术的不断发展，JavaScript 也在不断地更新和改进。ES11 和 ES12 是 JavaScript 的两个最新版本，它们中都包含了许多新特性，这些新特性可以帮助我们简化代码，提高效率。本文将详细介绍 ES11 和 ES12 中的新特性，并提供示例代码来帮助你更好地理解。

ES11 中的新特性

可选链操作符（Optional chaining）

在以前的版本中，我们经常需要使用繁琐的判断语句来避免空指针异常，例如：

if (obj && obj.prop && obj.prop.subprop) {
  // do something
}

在 ES11 中，我们可以使用可选链操作符来简化这个过程：

if (obj?.prop?.subprop) {
  // do something
}

这个操作符的作用是在对象的属性链中进行安全的访问，如果链中的任何一个属性不存在，那么程序不会报错，而是会返回 undefined。

空值合并操作符（Nullish coalescing）

在以前的版本中，我们通常使用 || 运算符来提供默认值，例如：

const x = options.x || 0;

但是，如果 options.x 的值为 0 或者 false，那么上面的代码就会出现问题。在 ES11 中，我们可以使用空值合并操作符来解决这个问题：

const x = options.x ?? 0;

这个操作符的作用是在左侧的值为 null 或 undefined 时，返回右侧的值。

String.prototype.replaceAll()

在以前的版本中，我们通常需要使用正则表达式来替换字符串中的所有匹配项，例如：

const str = 'hello world';
const newStr = str.replace(/hello/g, 'hi');

在 ES11 中，我们可以使用 String.prototype.replaceAll() 来简化这个过程：

const str = 'hello world';
const newStr = str.replaceAll('hello', 'hi');

这个方法的作用是替换字符串中的所有匹配项。

ES12 中的新特性

Promise.any()

在以前的版本中，我们通常需要使用 Promise.race() 来等待多个 Promise 中的任意一个完成，例如：

Promise.race([promise1, promise2, promise3])
  .then(result => {
    // do something
  });

但是，如果其中一个 Promise 被拒绝了，那么就会立即返回拒绝原因，而不是等待其它 Promise 完成。在 ES12 中，我们可以使用 Promise.any() 来解决这个问题：

Promise.any([promise1, promise2, promise3])
  .then(result => {
    // do something
  });

这个方法的作用是等待多个 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