随着 JavaScript 应用程序的日益复杂，内存管理成为了一个非常重要且难以解决的问题。针对这个问题，ES12 中新增了 WeakRef 和 FinalizationRegistry 这两个 API，为开发者提供了更加简单高效的内存管理方式。本文将从重点介绍这两个 API 的概念、用法和实际应用，为你深度解析这个话题。
什么是 WeakRef？
WeakRef 用于跟踪对象，但是不会阻止对象被垃圾回收器收集。WeakRef 实例包装了一个被跟踪的对象，通过 get() 方法来检索它。如果被跟踪的对象已经被回收，get() 方法将返回 undefined。WeakRef 没有办法再次获得该对象的引用，因为它已经被回收了。
举个例子，如果你有一个应用程序中的强引用（例如定义一个变量），并且该引用指向一个超大型的对象。如果这个对象已经不再需要使用，并且你没有办法将该引用设置为 null，因为其他部分可能仍然需要它。在这种情况下，将该对象设置为 WeakRef 值，就可以让 JavaScript 引擎自行判断是否回收对象。
使用方法
以下是 WeakRef 的基本使用方法。
-- -------------------- ---- ------- -- -------- ------- ---- --- --- - - ----- ------- ---- -- - --- ---- - --- ------------ -- ------- --- ----- - ------------ ------------------ -- ------ ------- ---- --- -- ------- --- - ---- ------------------------- -- ---------展开代码
什么是 FinalizationRegistry？
FinalizationRegistry 可以用于注册当 WeakRef 不能再访问被跟踪的对象时、进行垃圾回收操作后的回调。
通过 FinalizationRegistry.constructor() 构造函数注册回调，当被跟踪的 WeakRef 的对象被垃圾回收时，FinalizationRegistry 回调函数就会被执行。
-- -------------------- ---- ------- -- ------ ----- -------- - ------------- - --------------------- --------- - ------- - --------------------- ------- - ---------- - --------------------- ---------- - - --- -------- - --- ------------------------ -- - -------------- -- --- --- - --- ---------- --- ---- - --- ------------ ---------------------- ----- ----------- -- -------- ----- --- - ---- -- -------- ----展开代码
在这个例子中，我们定义了 MyObject 类，并将它的一个实例用 WeakRef 进行跟踪。然后我们通过 FinalizationRegistry 构造函数来注册一个回调函数，当 MyObject 实例被回收时，该回调函数就会被调用，这里使用了一个手动触发的 gc() 函数来进行垃圾回收。
在 console 中运行这段代码，我们会得到如下的输出：
[Object] created [Object] hello [Object] finalize
通过以上操作可以发现，当垃圾回收过程中，我们可以利用 FinalizationRegistry 来监听对象的回收操作，进行善后工作。
指导意义
WeakRef 和 FinalizationRegistry 在内存管理上提供了更加灵活和安全的方式，并且在某些场景下也可以避免内存泄漏的发生。
WeakRef 可以在某些场景下用于避免强引用对内存的占用，提高内存利用率，而 FinalizationRegistry 可以在不确定垃圾回收的时间和方式时，提供一种保险和回调方式。
这些新特性的到来，既让开发者更加了解对象和内存的关系，也让开发者在实际开发中寻找更加优秀和有效的解决内存管理的方式。
总而言之，在实际开发中，我们应该注重内存管理的质量和效率，利用这些新特性，针对具体的业务场景进行内存管理的操作。这可以帮助我们更好地解决程序的内存泄漏问题，并提升程序的性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b6a462306f20b3a62c1e67
