在 ES12 中，添加了两个新的特性：WeakRef 和 FinalizationRegistry。这两个特性都是与内存管理相关的，可以帮助开发者更好地管理内存，优化应用程序的性能。本文将详细介绍这两个技术，并给出使用示例和指导意义。
WeakRef
WeakRef 是 ES12 中一个新的类，用于保存对象的弱引用，这些对象可能被垃圾回收器回收。弱引用不会阻止被引用对象的垃圾回收。当被引用对象被垃圾回收时，WeakRef 实例引用的对象将被释放并成为 undefined。
const obj = { foo: 'bar' };
const ref = new WeakRef(obj);
console.log(ref.deref()); // { foo: 'bar' }
obj = null;
console.log(ref.deref()); // undefined在上面的示例中，我们创建了一个对象 obj，并使用 new WeakRef(obj) 创建一个与 obj 弱引用关联的 WeakRef 实例。然后，我们使用 ref.deref() 检查被引用的对象。在这种情况下，它仍然可以通过 WeakRef 实例访问 obj。之后，我们将 obj 赋值为 null，这会删除在内存中的 obj 对象。在最后一行中，我们调用 ref.deref() 再次检查被引用的对象，这次我们得到了 undefined。因为 obj 已经被垃圾回收器回收掉了。
WeakRef 可以帮助减少内存泄漏，因为它不会阻止被引用对象的垃圾回收。
FinalizationRegistry
FinalizationRegistry 是 ES12 中另一个新的类，用于注册回调函数来在被引用对象被垃圾回收后执行一些操作。
const registry = new FinalizationRegistry((value) => {
console.log('Object is finalizing', value);
});
let obj = { foo: 'bar' };
registry.register(obj, 'some value');
obj = null;
// Object is finalizing [object Object]在上例中，我们创建了一个 FinalizationRegistry，并使用 registry.register() 将一个对象注册到 registry 中。当注册的对象被垃圾回收器回收时，我们传递给 FinalizationRegistry 构造函数的回调函数就会被调用。
在示例中，我们使用 let 关键字声明变量 obj，并将一个对象赋值给它。然后，我们使用 registry.register(obj, 'some value') 将其注册到 registry 中。接下来，我们将 obj 赋值为 null，这会删除在内存中的 obj 对象。在最后一行中，我们的回调函数被调用并打印了 "Object is finalizing [object Object]"，因为对象已经被垃圾回收器回收掉了。
FinalizationRegistry 可以处理比 WeakRef 更复杂的数据结构和循环引用。使用 FinalizationRegistry 可以更方便地管理内存和优化性能。
总结
在 ES12 中，WeakRef 和 FinalizationRegistry 是两个帮助管理内存的新特性。WeakRef 可以帮助减少内存泄漏，而 FinalizationRegistry 可以更方便地处理复杂数据结构和循环引用。使用这两个特性可以优化应用程序的性能并提高稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645c5e07968c7c53b0eb6150