在前端开发中，循环引用（circular references）是一种常见的问题。循环引用指的是两个或多个对象之间相互引用的情况。这通常会导致内存泄漏的问题，因为这些对象无法被垃圾回收器正常处理。在 ECMAScript 2021 中，推出了 WeakRefs 的概念，可以解决这个问题。
WeakRefs 是什么？
WeakRefs 是与 JavaScript 对象关联的对象，但是它不会增加该对象的引用计数。如果一个对象只被 WeakRefs 引用，那么这个对象就可以被垃圾回收器回收。这样可以解决循环引用带来的一些问题。
WeakRefs 的实现分为两个部分：WeakRef 和 FinalizationRegistry。WeakRef 是一个用于监控对象生命周期的对象，而 FinalizationRegistry 则是一个用于注册回收操作的对象。
如何使用 WeakRefs？
使用 WeakRefs 很简单，只需要使用 WeakRef 类来创建一个 WeakRef 对象并将需要监控的对象作为参数传递进去即可。
const myObject = { data: "some data" };
const myWeakRef = new WeakRef(myObject);上面的代码创建了一个名为 myWeakRef 的 WeakRef 对象，用于监控 myObject 对象。如果 myObject 对象被回收了，那么 myWeakRef 对象也将成为无效的对象。
在前面的代码中，我们使用的是字面量对象，但是我们也可以使用类来创建一个对象。
class MyClass {
constructor() {
this.data = "some data";
}
}
const myObject = new MyClass();
const myWeakRef = new WeakRef(myObject);FinalizationRegistry
如果我们需要在对象被回收时做一些其他的操作，可以使用 FinalizationRegistry 对象。
const myObject = { data: "some data" };
const myWeakRef = new WeakRef(myObject);
const registry = new FinalizationRegistry(obj => {
console.log(`myObject has been garbage collected`);
});
registry.register(myObject, "my data");上面的代码创建了一个 FinalizationRegistry 对象，并使用 register 方法将被监控的对象注册到 FinalizationRegistry 对象中。当被监控对象被垃圾回收器回收时，FinalizationRegistry 对象会执行注册的回收操作。在上面的例子中，回收操作是输出一条消息。
总结
WeakRefs 是 ECMAScript 2021 中的一个新特性，可以解决循环引用带来的一些问题，其中 WeakRef 用于监控对象的生命周期，FinalizationRegistry 用于注册回收操作。我们只需要使用 WeakRef 类来创建一个 WeakRef 对象，并将需要监控的对象作为参数传递进去即可。如果需要在对象被回收时执行其他操作，可以使用 FinalizationRegistry 对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6522421f95b1f8cacd9a9874