在 ES11 中，JavaScript 引入了两个新的机制：WeakRef 和 FinalizationRegistry。它们可以帮助我们更好地管理内存，避免内存泄漏问题。在本篇文章中，我们将深入探讨这两个机制的用法和原理。
WeakRef
WeakRef 是一个弱引用，它可以指向一个对象，但不会增加该对象的引用计数。如果该对象没有被其他强引用所引用，那么它就会被垃圾回收器回收。WeakRef 主要用于解决内存泄漏问题，例如在事件监听器和缓存中使用对象时，我们可以使用 WeakRef 来避免这些对象长时间占用内存。
使用方法
在使用 WeakRef 时，我们需要先创建一个 WeakRef 对象，然后将需要引用的对象作为参数传入：
const target = { name: 'John' };
const ref = new WeakRef(target);接着，我们可以使用 WeakRef 对象的 deref() 方法来获取引用的对象：
const target = { name: 'John' };
const ref = new WeakRef(target);
console.log(ref.deref()); // { name: 'John' }需要注意的是，如果对象已经被垃圾回收器回收，deref() 方法将返回 undefined。
示例代码
下面是一个使用 WeakRef 的示例代码，它模拟了一个简单的缓存系统：
-- -------------------- ---- -------
----- ----- -
------------- -
---------- - --- ------
-
-------- -
----- --- - --------------------
-- ----- -
----- ----- - ------------
-- ------- -
------ ------
-
-----------------------
-
-
-------- ------ -
------------------- --- ----------------
-
-
----- ----- - --- --------
----------------- - ----- ------ ---
----------------- - ----- ------ ---
------------------------------- -- - ----- ------ -
------------------------------- -- - ----- ------ -
-- -----------
--- ------ - - ----- ----- --
----------------- --------
------ - -----
------------------------------- -- ---------FinalizationRegistry
FinalizationRegistry 是一个终结器注册表，它可以在对象被垃圾回收之前执行一些清理操作。FinalizationRegistry 主要用于解决一些需要在对象被回收之前执行清理操作的场景，例如在文件操作中，我们可以使用 FinalizationRegistry 来确保文件被正确关闭。
使用方法
在使用 FinalizationRegistry 时，我们需要先创建一个 FinalizationRegistry 对象，然后将需要进行清理操作的对象和清理函数作为参数传入：
const registry = new FinalizationRegistry((value) => {
// 清理操作
});
const target = { name: 'John' };
registry.register(target, 'some metadata');当对象被垃圾回收之前，清理函数将被执行。我们还可以使用 registry.unregister(target) 方法来取消对对象的注册。
示例代码
下面是一个使用 FinalizationRegistry 的示例代码，它模拟了一个简单的文件操作：
-- -------------------- ---- -------
----- ---- -
----------------- -
--------- - -----
------- - -----
----- -------- - --- ---------------------------- -- -
-------------------- ----- ---------------
-------------
---
----------------------- ----- -----------
-
------ -
-------------------- ----- ---------------
------- - ----
-
------- -
-------------------- ---- ----------- -------------
------- - -----
-
-
----- ---- - --- -----------------
------------
-- ---- ------------------------------ ---------结论
在本篇文章中，我们介绍了 ES11 中的两个新型机制：WeakRef 和 FinalizationRegistry。它们可以帮助我们更好地管理内存，避免内存泄漏问题。我们还使用示例代码来说明了它们的用法和原理。在实际开发中，我们可以根据具体场景来选择使用哪种机制，以达到更好的内存管理效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676ca0461b6ecd978c74148c