ECMAScript 2020 中的 WeakRefs 与 FinalizationRegistry
随着 JavaScript 越来越广泛地应用于大型项目和复杂问题的解决方案中，内存泄漏也越来越成为前端开发中的一个问题。ECMAScript 2020 中提供了 WeakRefs 与 FinalizationRegistry 两种新的内存管理机制，用于解决这一问题。
WeakRefs
WeakRefs 是一种新的 JavaScript 弱引用机制，允许我们在处理引用对象时不会增加其引用计数。所谓弱引用是指，只要外部没有对某个对象的强引用，WeakRefs 外部引用的这个对象就会被垃圾回收。这就允许开发者创建一个指向对象的引用，但不会增加对象生命周期的长度。
在传统的 JavaScript 中，只有强引用，即对象引用计数为 1 时，这个对象就不会被当做垃圾回收。而 WeakRefs 则不会增加强引用，当引用对象没有强引用时，它会被回收。
关于 WeakRefs 机制，我们可以使用以下代码进行理解：
const obj = {a:1};
const weakRef = new WeakRef(obj);// 建立WeakRefs在上述代码中，我们以 obj 为对象，使用 new WeakRef(obj) 建立了一个 WeakRefs 引用。
接下来，我们可以通过 WeakRefs 对象中的 deref() 方法来验证对象是否已经被垃圾回收。例如：
if (weakRef.deref() === null) {
console.log("obj was garbage collected already");
} else {
console.log("we still have obj!");
}在上述代码中，我们通过 deref() 方法来进行验证，如果 deref() 所返回的结果为 null，则表示对象已经被垃圾回收掉了。反之，如果 deref() 返回的值不是 null，则表示对象仍存在并可以被访问。
FinalizationRegistry
FinalizationRegistry 是针对 WeakRefs 对象的一种补充机制，它允许我们在对象被垃圾回收之前执行一些指定的回调操作。
FinalizationRegistry 提供的主要接口包括：
register(target, holdObject, unregisterObject?)
为目标对象 target 注册回调函数 holdObject。当目标对象被回收时，将调用该回调函数。unregisterObject 参数可以用来在对象被持有时手动取消注册。
unregister(unregisterObject)
手动取消注册。如果未传递 unregisterObject 参数，则取消所有注册回调。
例如，以下为应用 FinalizationRegistry 机制的示例代码：
-- -------------------- ---- -------
----- ---- -
----------- -- -
---------------- -------- -----------
-------------- - --- -------------------------------- -- -
--------------------- ------- ------------ -----------
---
-------------- - -
----- ------
--
----------------------------- ----------------
-
--
----- ------------ - --- ------- -- ------ -------- --------
------------- -- -
---------------------
------------ - ----------
------------ -- ------
-- ------
-- ----------- ------- ---------- - ----- ------ -在上述代码中，我们创建了一个名为 “Test” 的类，并使用 new FinalizationRegistry() 创建了一个新的 FinalizationRegistry 引用，然后使用 this.finalizer.register() 注册了当前 Test 实例，传递值为 this, this.heldValue。然后在类的构造函数中，我们使用 this.heldValue 保存了 n 个值。在2秒钟后，我们将 testInstance 赋值为 undefined 并触发垃圾回收。此时，FinalizationRegistry 回调将输出垃圾回收的值。
总结
在 JavaScript 中，内存管理机制总是一个重要的话题，尤其是在应用到大型项目和复杂问题的解决方案中。ECMAScript 2020 中提供了 WeakRefs 与 FinalizationRegistry 两种机制，用于解决开发者在前端开发中遇到的内存管理问题。
通过使用 WeakRefs，我们可以创建指向对象的引用，但不会增加对象生命周期的长度。而 FinalizationRegistry 又提供了针对 WeakRefs 对象的一种补充机制，允许我们在对象被垃圾回收之前执行一些指定的回调操作。在实际应用中，开发者需要根据项目需求进行正确的选择和应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a37c0648841e9894fd3bf3