在 JavaScript 的新版本 ES11 中，引入了两个新的原始对象 WeakRef 和 FinalizationRegistry。它们主要用于垃圾回收和内存管理，并为前端开发提供了强大的能力。本文将详细介绍这两个对象的使用方法和意义，希望能对读者有所启发和帮助。
WeakRef
WeakRef 是一个弱引用对象，它可以在垃圾回收时自动释放其所引用的对象。它的使用方法如下：
const ref = new WeakRef(obj);
其中 obj 是一个需要被引用的对象。一旦 obj 不再被其他代码引用，它就会被垃圾回收，并使 ref 自动失效。需要注意的是，WeakRef 只能引用 Object 类型的对象，不能引用原始数据类型。
WeakRef 具有以下特点：
- 不会阻止被引用对象的垃圾回收；
- 引用的对象被回收后，WeakRef 自动失效，无需手动清除。
下面是一个示例代码，展示了 WeakRef 的基本用法：
-- -------------------- ---- ------- --- --- - ------ --------- ----- --- - --- ------------- ---------------------- ---------- -- -- ------- --- - ----- -- --- ------------- -- ------------- - --------------------- ------------------ -- -- ---------- --- ----- - ---- - -------------------- -- ---------- -
FinalizationRegistry
FinalizationRegistry 是一个终结器注册表对象，它用于在对象被垃圾回收时执行一个回调函数。它的使用方法如下：
const registry = new FinalizationRegistry(callback);
其中 callback 是一个回调函数，该函数将在垃圾回收时被执行。FinalizationRegistry 可以注册任何 JavaScript 对象，并在对象被回收时执行 callback 函数。下面是一个示例代码，展示了 FinalizationRegistry 的基本用法：
let obj = {name: 'Steve'};
const registry = new FinalizationRegistry(name => {
console.log(`The object with name ${name} has been garbage collected`);
});
registry.register(obj, 'steve'); // 注册对象 obj，指定名称为 'steve'
obj = null; // obj 引用为空，可以被垃圾回收了需要注意的是，FinalizationRegistry 不会持有对象的引用，也不会阻止垃圾回收。它只是在对象被回收时执行一些操作。
总结
ES11 中的 WeakRef 和 FinalizationRegistry 是一对强大的组合，可以帮助我们更好地管理内存和资源。使用它们可以避免内存泄漏和资源浪费，并提高 Web 应用的性能和稳定性。需要注意的是，这两个对象只在较新的浏览器中得到支持，如 Chrome 89+，Firefox 79+ 等。
本文介绍了 WeakRef 和 FinalizationRegistry 的基本用法和意义，希望读者可以学习到有关垃圾回收和内存管理的知识，并在实际的开发中运用这些技术。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6450c9ab980a9b385b9b3080