在 JavaScript 中，变量引用是一个非常重要的概念。ES7 中引入了一种新的引用类型，即弱引用（WeakRef）。弱引用与传统引用类型（如变量、对象等）不同，它们不会阻止垃圾回收器回收被引用的对象，因此可以避免内存泄漏的问题。
弱引用的概念
在传统的引用类型中，当一个对象被引用时，它的引用计数会加一。当引用失效时，计数减一。只有当计数为零时，垃圾回收器才会回收这个对象。
而弱引用则不会增加对象的引用计数。当一个对象被弱引用引用时，垃圾回收器仍然可以回收这个对象。这使得弱引用成为一种非常有用的工具，特别是在需要处理大量数据的应用程序中。
弱引用的 API
ES7 中提供了两个与弱引用相关的 API，分别是 WeakRef 和 FinalizationRegistry。
WeakRef
WeakRef 是一个类，用于创建弱引用。它的构造函数接受一个对象作为参数，并返回一个弱引用对象。当原始对象被垃圾回收器回收时，弱引用对象将变为 undefined。
-- -------------------- ---- ------- ----- --- - - ---- ----- -- ----- ------- - --- ------------- -- ---------------------- ----------------------------- -- - ---- ----- - -- ----------------- --- - ----- ----------------------------- -- ---------
FinalizationRegistry
FinalizationRegistry 是一个类，它允许我们注册一个回调函数，当被监视的对象被垃圾回收时，将自动调用这个回调函数。FinalizationRegistry 的构造函数接受一个回调函数作为参数。
-- -------------------- ---- ------- ----- --- - - ---- ----- -- ----- -------------------- - --- ---------------------------- -- - ------------------- --- ---- ------- ------------ ------- --- -- ------ ---------------------------------- --- -------- -- ------- --- - ----- -- ------ -- -- ------- --- ---- ------- ---------- -- ------
在上面的例子中，当 obj 被垃圾回收时，回调函数将被调用，并传递注册时设置的值 "my value"。
弱引用的使用场景
弱引用的使用场景非常广泛，特别是在需要处理大量数据的应用程序中。以下是一些使用弱引用的示例：
缓存
在使用缓存时，弱引用可以避免内存泄漏的问题。例如，我们可以使用 Map 对象来实现一个缓存，而使用 WeakRef 来引用缓存中的对象。
-- -------------------- ---- -------
----- ----- - --- ------
-------- ----------------- -
--- ----- - ------------------------
-- -------- -
----- - ---------------------
-------------- --- ----------------
-
------ ------
-在上面的代码中，我们使用 Map 对象作为缓存，而使用 WeakRef 来引用缓存中的对象。当缓存中的对象被垃圾回收时，WeakRef 中的引用将变为 undefined。
监听器
在使用事件监听器时，弱引用可以避免内存泄漏的问题。例如，我们可以使用 WeakRef 来引用事件监听器中的对象。
-- -------------------- ---- -------
----- ------------ -
------------- -
-------------- - --- ------
-
---------------------- --------- -
--- --------- - ------------------------------
-- ------------ -
--------- - --- ------
----------------------------- -----------
-
----------------- -------------------
-
------------------------- --------- -
----- --------- - ------------------------------
-- ----------- -
---------------------------
-- --------------- --- -- -
---------------------------------
-
-
-
--------------- -------- -
----- --------- - ------------------------------
-- ----------- -
--- ------ -------- -- ---------- -
----- -- - -----------------
-- ---- -
------------
- ---- -
---------------------------
-
-
-
-
-在上面的代码中，我们使用 WeakRef 来引用事件监听器中的对象。当事件监听器中的对象被垃圾回收时，WeakRef 中的引用将变为 undefined。
结论
弱引用是一种非常有用的工具，特别是在需要处理大量数据的应用程序中。ES7 中提供了 WeakRef 和 FinalizationRegistry 两个 API，可以方便地使用弱引用。在使用弱引用时，需要注意避免内存泄漏的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6756ae5ad784fd63e2c7862b