在 ES12 中，JavaScript 引入了两个新的特性：WeakRefs 和 FinalizationRegistry。这两个特性可以帮助开发者更好地管理内存和资源，从而提高代码可靠性和性能。本文将对这两个特性进行详细的解析，并提供实际的代码示例和使用建议。
WeakRefs
在 JavaScript 中，对象被创建后会一直存在于内存中直到程序结束，这可能会导致内存泄漏和性能问题。WeakRefs 能够帮助我们解决这个问题，其作用是允许在不影响垃圾回收的情况下得知一个对象是否存在于内存中。
WeakRefs 通过一个垃圾回收器与对象进行交互，当对象被垃圾回收后，WeakRefs 会自动失效。这意味着 WeakRefs 不能保证在任何时候都能得到有效的结果，但它可以给我们提供一个非常有效的方式来跟踪对象的状态。
以下是使用 WeakRefs 的示例代码：
const object = { name: 'Lucy' };
const weakRef = new WeakRef(object);
if (weakRef.deref()) {
console.log('object still exists');
} else {
console.log('object has been garbage collected');
}在这个示例中，我们创建了一个对象 object 并使用 WeakRef 来创建一个弱引用 weakRef。当我们调用 deref() 方法时，如果 object 仍然存在于内存中，它将返回 object，否则返回 null。
FinalizationRegistry
虽然 WeakRefs 能够提供一种非常有效的方式来跟踪对象状态，但是依靠它们来管理资源会有一些问题。在实践中，我们通常需要执行一些清理或销毁操作以释放这些资源。在这种情况下，FinalizationRegistry 就可以发挥作用了。
FinalizationRegistry 是一种能够在垃圾收集器清理对象后调用回调函数的机制。这使得我们能够在对象被垃圾回收后执行一些必要的清理工作，比如释放资源和取消注册事件。
以下是使用 FinalizationRegistry 的示例代码：
let socket = new WebSocket('ws://localhost:8080');
let registry = new FinalizationRegistry(target => {
console.log('WebSocket is closed');
target.close();
});
registry.register(socket, 'socket object');在这个示例中，我们创建了一个 WebSocket 对象 socket 并使用 FinalizationRegistry 来创建一个注册对象 registry。我们通过 register 方法将 socket 注册到 registry 中，并定义其名称为 socket object。当 socket 对象被垃圾回收时，FinalizationRegistry 将自动调用注册时提供的回调函数。
总结
在本文中，我们讨论了 ES12 中的 WeakRefs 和 FinalizationRegistry，它们能够帮助我们更好地管理内存和资源，提高代码的可靠性和性能。我们提供了实际的代码示例和使用建议，希望本文能够帮助您更好地理解并使用这两个新特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f54298f6b2d6eab3df4c48