ES9 中的标准对象：WeakRef 和 FinalizationRegistry-JavaScript中文网-JavaScript教程资源分享门户

引言

在JavaScript中，垃圾回收是一个非常重要的话题。当我们使用对象时，我们必须注意，任何不再使用的对象会占用内存，这会导致应用程序卡顿和崩溃。在ES9中，JavaScript引入了两个新的标准对象：WeakRef和FinalizationRegistry，它们旨在解决内存泄漏的问题。

WeakRef

WeakRef是ES9中的一个新标准对象，它允许你创建一个对对象的弱引用，从而避免将对象占用内存，从而帮助解决内存泄漏的问题。

WeakRef能够监控一个对象是否存在，当对象被垃圾回收时，WeakRef会自动将其移除。这意味着，当对象不再被其他地方引用时，WeakRef内部存储的对象引用会自动释放。

下面是一个创建和使用WeakRef对象的示例代码：

// javascriptcn.com 代码示例
class MyObject {
  constructor() {
    this.state = 'alive';
  }
}

const myObj = new MyObject();
const myWeakRef = new WeakRef(myObj);

console.log(myWeakRef.deref()); // MyObject { state: "alive" }

myObj = null; // 引用对象置为空，垃圾回收

console.log(myWeakRef.deref()); // null

在这个例子中，我们创建一个MyObject对象，并将其作为参数传递给一个名为myWeakRef的WeakRef对象。通过调用myWeakRef.deref()，我们可以得到保存在WeakRef对象中的MyObject对象实例。当我们将myObj赋值为空时，它不再有任何指向MyObject对象的引用，因此它会被垃圾回收。最后，我们再次调用myWeakRef.deref()，这时我们会得到null，因为MyObject对象已经被垃圾回收了。

FinalizationRegistry

FinalizationRegistry是另一个ES9中的标准对象，它与WeakRef对象紧密相连。FinalizationRegistry用于注册在对象被垃圾收集器回收之前执行的回调函数。

FinalizationRegistry的使用方式如下：

// javascriptcn.com 代码示例
class MyObject {
  constructor() {
    this.state = 'alive';
    this.finalizationRegistry = new FinalizationRegistry(this.finalize.bind(this));
    this.finalizationRegistry.register(this, { some: 'meta' }, this);
  }

  finalize(wrapped) {
    console.log(`Finalized ${wrapped?.state}`);
  }
}

let myObj = new MyObject();
let weakRef = new WeakRef(myObj);
myObj = null; // 强制垃圾回收

setTimeout(() => {
  console.log('Timeout expired.');
}, 1000);

在这个例子中，我们创建了一个MyObject对象，并将它的“finalize”回调函数注册到了一个FinalizationRegistry中。这个“finalize”函数在对象被垃圾回收器回收前被执行。在MyObject构造函数中，我们将myObj对象和一些元数据一起注册到FinalizationRegistry对象中。当myObj对象被垃圾回收时，我们定义的“finalize”函数会被调用，并传递一个包装对象作为参数。我们还创建了一个WeakRef对象来监控myObj对象，以确保它被垃圾回收。

在这个示例中，我们意图在1秒钟后打印出“Timeout expired.”语句，但这段代码在setTimeout的回调函数中，所以它并不保证在指定的时间内执行。然而，在执行之前，“finalize”函数已经被调用，表示myObj已被垃圾回收。这证明了FinalizationRegistry对象确实可以帮助我们在对象被垃圾回收时执行某些操作。

总结

ES9中引入的WeakRef和FinalizationRegistry对象允许我们在JavaScript中更好地控制内存。WeakRef对象允许我们创建一个对对象的弱引用，从而避免将对象占用内存，而FinalizationRegistry对象允许我们在对象被垃圾回收之前执行回调函数。这两个对象的使用方式比较复杂，需要在实际开发中进行实践和熟悉。它们可以帮助我们解决JavaScript应用程序中的内存泄漏问题，提高应用程序的性能。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6528f3067d4982a6ebb826e0