什么是 WeakRefs？
ECMAScript 2021 中的 WeakRefs 是一种弱引用机制，用于在引用计数中保留对象的同时，不让其影响垃圾回收。
它可以让我们在某些情况下不必担心内存泄漏问题，因为它们允许我们在不再需要对象时确保它们被完全回收。
WeakRefs 主要用于在不引起 JavaScript 引擎的垃圾回收机制的同时，仍然可以引用对象，以便在必要时对其进行清理或操作。
如何使用 WeakRefs？
在 JavaScript 中，WeakRefs 使用 WeakRef 类来创建引用。
const myObj = { name: "John" };
const myRef = new WeakRef(myObj);这样就创建了一个 WeakRef 对象来存储 myObj 对象的引用。请注意，这里的 myRef 并不会增加 myObj 的引用计数，因此在某些情况下，垃圾回收器可能会回收 myObj 对象。
要使用存储在 WeakRef 中的对象，我们可以调用其 deref() 方法，以确保对象仍然存在并且不已被垃圾回收。
const myObj = { name: "John" };
const myRef = new WeakRef(myObj);
if (myRef.deref()) {
// Object still exists
}示例代码
下面是一个示例，其中我们使用 WeakRefs 来跟踪和清理由 Animation 对象创建的速度对象列表。在动画完成后，我们使用 WeakRef 中存储的速度对象列表，遍历它并确保将其清理出内存。
-- -------------------- ---- -------
----- --------- -
------------- -
----------- - --- ------
-
--------------- -
----- -------- - --- ---------------
--------------------------
-
-------- -
--- ------ -------- -- ------------ -
-- ------------------ -
-- ------ ----- ------- -- ---------
-
-
--------------------
-
-
----- ---- - --- ------------
----- ------ - - ------ --- --
----- ------ - - ------ --- --
----------------------
----------------------
--------------在上面的示例中，Animation 类具有一个速度列表，其通过 addSpeed() 方法将速度对象添加到列表中。请注意，我们在添加每个速度对象时，创建了一个 WeakRef 对象来存储它们的引用。
在动画完成后，我们对这个列表进行了遍历操作，并通过调用 deref() 方法，确保存储在 WeakRef 中的对象仍然存在。最后，我们使用 clear() 方法来清空速度列表。
总结
WeakRefs 是 ES12 中的新功能，它使我们能够保持引用对象的同时，仍然允许 JavaScript 引擎的垃圾回收机制动态地进行对象销毁。WeakRefs 能够有效地解决内存泄漏问题，因为它们可以允许我们在不再需要对象时，确保它们被完全回收。在一些使用场景下，使用它们能大大提升我们的程序性能和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6497e98948841e98944f2a93