随着 JavaScript 应用程序的复杂性和规模的不断增长，垃圾回收的问题变得越来越重要。在 ES11 中，引入了新的 WeakRef 对象和 FinalizationRegistry 对象，来解决 JavaScript 中的垃圾回收问题。本文将介绍这两个新对象，并提供一些示例代码来说明如何使用它们。
WeakRef 对象
在 JavaScript 中，如果一个对象没有被引用，那么它就可以被垃圾回收。但是，有时候我们需要跟踪一个对象是否还存在，即使没有其他引用它的对象。这时，就需要使用 WeakRef 对象。
WeakRef 对象是一个对其他对象的弱引用，当被引用的对象被垃圾回收时，WeakRef 对象会自动清除对它的引用。下面是一个示例：
let obj = { foo: "bar" }; // 创建一个对象
let refObj = new WeakRef(obj); // 创建一个 WeakRef 对象
obj = null; // 销毁原对象的引用
console.log(refObj.deref()); // 输出 null，因为原对象已被垃圾回收在这个示例中，我们首先创建了一个对象 obj，然后创建了一个 WeakRef 对象 refObj，并将它指向 obj。接着，我们销毁了 obj 的引用，即 obj = null。这时，obj 对象就成为了垃圾，WeakRef 对象 refObj 仍然存在，但它的 deref() 方法返回了 null，因为它已经失去了对 obj 的引用。
需要注意的是，WeakRef 对象是弱引用，不能直接访问其对应的对象。如果需要访问对应的对象，需要使用 deref() 方法。当 WeakRef 对象对应的对象被垃圾回收后，deref() 方法会返回 undefined 或 null。
FinalizationRegistry 对象
FinalizationRegistry 对象可以帮助我们在对象被垃圾回收时执行一些清理操作。FinalizationRegistry 对象可以向其注册对象，并注册回调函数，当注册的对象被垃圾回收时，回调函数会被自动执行。
下面是一个示例：
let registry = new FinalizationRegistry((value) => {
console.log(`The object with value ${value} has been finalized.`);
});
let obj = { foo: "bar" };
registry.register(obj, "my value");
obj = null; // 销毁原对象的引用在这个示例中，我们首先创建了一个 FinalizationRegistry 对象，并注册了一个回调函数。接着，我们创建了一个对象 obj，并使用 registry.register() 方法将其注册到 FinalizationRegistry 对象中，同时向注册方法传递了一个字符串 "my value"。然后，我们销毁了 obj 的引用。这时，当 obj 对象被垃圾回收时，注册在 FinalizationRegistry 对象中的回调函数就会被自动执行。
需要注意的是，FinalizationRegistry 对象只能注册对象，不能注册其他数据类型。此外，注册对象时需要指定一个唯一标识，如果注册的标识已经存在，会覆盖先前的标识。在回调函数中，可以通过传递的 value 参数获取注册时传递的值。
总结
通过以上的介绍，我们了解到 ES11 中的 WeakRef 对象和 FinalizationRegistry 对象可以帮助我们解决 JavaScript 中的垃圾回收问题。通过使用 WeakRef 对象，可以跟踪对象的存在状态，而不会影响垃圾回收的效率。通过使用 FinalizationRegistry 对象，可以在对象被垃圾回收时执行一些额外的清理操作。
在实际的开发中，我们需要根据具体的需求来选择使用哪种方法。如果需要跟踪对象是否存在，可以使用 WeakRef 对象；如果需要在对象被垃圾回收时执行清理操作，可以使用 FinalizationRegistry 对象。当然，在使用这些新对象的过程中，我们也需要注意它们的使用方式和注意事项。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64939eff48841e989413edc1