JavaScript ES12新特性有哪些？

---

导文

JavaScript ES12（也称为ECMAScript 2022）是JavaScript的最新版本，它引入了一些新的特性和语言功能，以提供更好的开发体验和更强大的编程能力

Promise.any()

这个方法接受一个可迭代对象，返回一个新的 Promise，并在可迭代对象中的任意一个 Promise 被解决时解决该 Promise。它可以用于处理多个异步操作，只需等待其中一个操作成功即可。
除了 Promise.all() 方法用于等待所有 Promise 都解决之外，ES2021 引入的 Promise.any() 方法提供了在任意一个 Promise 解决时就解决的功能。这对于处理多个异步操作，并且只需要其中一个操作成功就足够的情况非常有用。

使用 Promise.any() 方法可以传入一个可迭代对象（如数组），其中包含了多个 Promise 实例。该方法返回一个新的 Promise，该 Promise 在可迭代对象中的任何一个 Promise 被解决时立即被解决，不必等待其他未解决的 Promise。如果可迭代对象中的所有 Promise 都被拒绝（即没有一个 Promise 被解决），那么返回的 Promise 将被拒绝，并提供一个 AggregateError 对象，其中包含了所有 Promise 的拒因。

下面是使用 Promise.any() 方法的示例代码：

const promises = [
  fetch('/api/data-1').then(response => response.json()),
  fetch('/api/data-2').then(response => response.json()),
  fetch('/api/data-3').then(response => response.json())
];

Promise.any(promises)
  .then(result => {
    console.log('其中一个 Promise 被解决:', result);
  })
  .catch(error => {
    console.log('所有 Promise 均被拒绝:', error);
  });

在上述示例中，fetch() 函数返回的是一个 Promise，每个 Promise 获取不同的数据。使用 Promise.any() 方法可以同时发起多个请求，并在任意一个请求成功后进行处理，无需等待其他请求完成。

需要注意的是，Promise.any() 方法目前还不是所有浏览器都支持。但可以使用类似 core-js 的库来提供 Promise.any() 的兼容性支持，或者通过自定义函数实现类似的功能。

WeakRef 和 FinalizationRegistry

WeakRef 允许你在不影响垃圾回收的情况下持有一个对象的弱引用，而 FinalizationRegistry 则允许你注册对象，在其被垃圾回收前执行清理操作。这对于处理一些资源管理或缓存方面的场景非常有用。
WeakRef 和 FinalizationRegistry 是 JavaScript 中引入的两个特性，它们可以用于优化资源管理和缓存方面的场景。

1. WeakRef（弱引用）：WeakRef 允许你在不影响垃圾回收的情况下持有一个对象的弱引用。与普通引用不同的是，当只有弱引用存在时，被引用的对象如果没有其他强引用，就会被垃圾回收器回收掉。这对于缓存或者临时对象的管理非常有用，可以避免内存泄漏问题。

例如，你可以使用 WeakRef 来实现一个简单的缓存功能，当缓存项没有被外部引用时，可以自动清除：

const cache = new Map();

function getCachedData(key) {
  let ref = cache.get(key);
  if (ref) {
    let data = ref.deref();
    if (data !== undefined) {
      // 缓存命中
      return data;
    } else {
      // 对象已被垃圾回收，从缓存中删除
      cache.delete(key);
    }
  }

  // 未命中缓存，根据需要生成数据，并添加到缓存
  let newData = generateData(key);
  ref = new WeakRef(newData);
  cache.set(key, ref);

  return newData;
}

2. FinalizationRegistry（终结器注册表）：FinalizationRegistry 允许你注册对象，并在其被垃圾回收前执行清理操作。它提供了一个机制，可以在对象被垃圾回收时自动执行一些额外的清理代码，比如关闭数据库连接、释放底层资源等。
   下面是 FinalizationRegistry 的简单示例：

class Resource {
  constructor() {
    // 注册对象到 FinalizationRegistry
    finalizationRegistry.register(this, 'some metadata', this.cleanup);
  }

  cleanup(metadata) {
    // 清理资源的操作
    console.log(`Cleaning up resource with metadata: ${metadata}`);
    // ...
  }
}

// 创建一个 FinalizationRegistry 实例
const finalizationRegistry = new FinalizationRegistry(metadata => {
  console.log(`Finalizing object with metadata: ${metadata}`);
});

// 创建实例并测试
let resource = new Resource();

resource = null; // 当 resource 变为 null 后，垃圾回收时会触发 cleanup 方法,通过使用 WeakRef 和 FinalizationRegistry，你可以更好地管理和优化

数字分隔符

ES12 允许在数字中使用下划线作为分隔符，提高数字的可读性，例如：1_000_000。

String.prototype.replaceAll()

这个方法可以替换字符串中所有匹配的子串，与 String.prototype.replace() 不同，它会替换所有出现的匹配项，而不只是第一个匹配项。

Logical Assignment Operators

引入了逻辑赋值运算符，如 ||=、&&=、??= 等，用于简化变量赋值的逻辑判断和操作。

数字类型的新增方法

ES12 添加了一些数字类型的新方法，比如 Number.isNaN()、Number.isFinite()、Number.parseInt() 等，提供更方便的数字处理能力。

私有字段和方法

通过在类中使用 # 符号定义的私有字段和方法，可以将其限制在类内部访问，防止外部访问和修改。

#这些是ES12中的一些重要的新特性，它们提供了更多的功能和语法糖，使开发者能够更加高效地编写现代化的JavaScript代码。然而，需要注意的是，不同浏览器和 JavaScript 运行环境对ES12的支持程度可能会有所不同，请在目标平台上进行兼容性测试或使用Babel等工具进行转译，以确保代码的稳定运行。