ES12（即 ECMAScript 2021）是 JavaScript 的最新规范版本，其中新增了一些新的特性和 API，这些都为前端的开发者带来了一些新的机会和优化。其中就包括了 WeakRefs 和 FinalizationRegistry。在本文中，我们将会深入探讨这两个新特性以及它们的运用。
WeakRefs
JavaScript 中，对象的“引用计数”是通过计算到该对象的强引用来实现的。如果一个对象被分配了一个变量，或者被设置为另一个对象的属性，那么这个对象就有一个强引用。只有当这个引用计数为 0 时，才可以被 JavaScript 的垃圾回收机制回收。
在过去，我们通过手动将强引用设置为 null 来删除对一个对象的引用，从而达到强制垃圾回收的目的。但是这样显然很繁琐，并且容易出错，因为我们必须要确保我们删除的是真正的最后一个引用。ES12 提供了 WeakRefs 属性，可以更方便地生成、读取和管理弱引用。也就是说，它可以在不增加应用的内存使用情况的前提下，将一个对象引用的连接断开。
下面是一个使用 WeakRefs 的简单示例：
const object = { name: 'Alice' }
const weakRef = new WeakRef(object)在这个示例中，我们创建了一个空对象，然后用这个对象来创建一个 WeakRef。这个 WeakRef 对象不会影响垃圾回收机制。一旦没有其他强引用引用该对象，垃圾回收器就会将其回收。
值得注意的是，WeakRef 只支持对象类型，原始类型并不支持。
FinalizationRegistry
FinalizationRegistry 是 ES12 新增的另一个对象，它代表着一个对象的生命周期。与 WeakRef 不同的是，它可以在一个被回收的钩子函数中执行一些代码。换句话说，当 WeakRef 指向的对象被回收时，FinalizationRegistry 就能够执行一些定制化代码。
下面是一个使用 FinalizationRegistry 的简单示例：
// javascriptcn.com 代码示例
const registry = new FinalizationRegistry((value) => {
console.log(`${value} is no longer reachable`)
})
let obj = { id: 1 }
registry.register(obj, 'my value')
// 当这个对象被垃圾回收的时候，FinalizationRegistry 会触发传入的回调函数
obj = null在这个示例中，我们首先创建了一个 FinalizationRegistry。当我们调用 register 函数时，它会保持 WeakRefs 对象。当对象被垃圾回收时，传入回调函数的值将被自动调用。
使用 WeakRefs 和 FinalizationRegistry 的好处
对于一些需要自动释放资源的场景，使用 WeakRefs 和 FinalizationRegistry 可以大大地提高开发效率。这样不仅可以避免手动删除对象的问题，还可以更加准确地触发回收操作。
在实践中，它们可以用于任何基于对象和资源的开发场景，例如数据库连接、WebSocket 连接和线程控制等等。
总结
在本文中，我们深入探讨了 ES12 中的 WeakRefs 和 FinalizationRegistry。这些新特性为前端开发者提供了更加高效的方法来释放资源，避免内存泄漏以及其他相关的问题。这些新的 API 的出现意味着在高内存开销的应用程序中使用它们将变得更加容易。所以，我们需要保持注意力，及时跟进这些新特性的发展，以便能够更好地服务于我们的应用程序。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6531e9387d4982a6eb3f3851