概述
在 JavaScript 中，当我们创建一个对象并将其赋值给一个变量时，这个变量实际上保存了指向该对象的引用。当没有任何其他变量引用该对象时，JavaScript 的垃圾回收器将会删除该对象并释放内存。
但有些情况下，我们需要在一段时间后才能确定是否需要保留该对象，例如缓存、异步回调等。在这种情况下，我们不想让该对象直接被垃圾回收器删除，因为我们还需要在之后使用它。但是，如果我们一直持有对该对象的引用，即使我们已经不再需要它了，垃圾回收器也无法删除它。这可能导致内存泄漏和性能问题。
为了解决这个问题，我们可以使用“弱引用”。
什么是弱引用？
弱引用是一种特殊类型的引用，它不会阻止被引用对象被垃圾回收器删除。如果一个对象只被弱引用所引用，那么当没有任何其他强引用指向该对象时，垃圾回收器就会将其删除。
在 JavaScript 中，没有原生的弱引用，但我们可以使用 WeakMap 和 WeakSet 实现类似于弱引用的机制。
使用 WeakMap 实现弱引用
WeakMap 是一种类似于 Map 的数据结构，但是它的键只能是对象，并且这些对象都是弱引用。也就是说，当一个对象只被 WeakMap 所引用时，即使没有其他强引用指向该对象，垃圾回收器仍可以将其删除。
下面是一个示例代码：
----- ------- - --- ---------- -------- -------------- - ----- --- - ----- ------- ---------------- ------ ------ ---- - --- --- - --------------- --------------------- -- -- ----- --- - ----- -- - --- -- --------------- -- --------------------------------
在上面的示例中，当我们创建一个对象并将其保存到 WeakMap 中时，我们实际上创建了一个弱引用，因此即使没有其他强引用指向该对象，垃圾回收器仍然可以将其删除。在我们不再需要该对象时，将其变量置为 null 可以释放对该对象的强引用。
使用 WeakSet 实现弱引用
WeakSet 是一种类似于 Set 的数据结构，但是它只能存储对象，并且这些对象都是弱引用。也就是说，当一个对象只被 WeakSet 所引用时，即使没有其他强引用指向该对象，垃圾回收器仍可以将其删除。
下面是一个示例代码：
----- ------- - --- ---------- -------- -------------- - ----- --- - ----- ------- ----------------- ------ ---- - --- --- - --------------- --------------------- -- -- ----- --- - ----- -- - --- -- --------------- -- --------------------------------
在上面的示例中，当我们创建一个对象并将其保存到 WeakSet 中时，我们实际上创建了一个弱引用，因此即使没有其他强引用指向该对象，垃圾回收器仍然可以将其删除。在我们不再需要该对象时，将其变量置为 null
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/11915