JavaScript弱引用_WeakMap与WeakSet使用

夜晨 2025-11-26 00:00:00 次阅读

WeakMap和WeakSet通过弱引用实现对象的私有数据存储与状态标记，键或值仅限对象且不阻止垃圾回收，适用于缓存、避免内存泄漏等场景。

JavaScript中的弱引用机制主要通过WeakMap和WeakSet实现。它们与普通的Map和Set不同，持有的对象引用是“弱”的，不会阻止垃圾回收器回收这些对象。这在处理大量对象或需要避免内存泄漏的场景中非常有用。

WeakMap：键必须是对象的弱引用集合

WeakMap 的键只能是对象（包括函数、数组等），且这些键是弱引用的。当一个对象不再被其他变量引用时，它在 WeakMap 中对应的条目会自动被清除。

常见用途：

私有数据存储：将实例对象作为键，存放其私有属性，不影响对象生命周期
缓存计算结果：以对象为键缓存其衍生数据，对象销毁后缓存自动释放
避免循环引用导致的内存泄漏

示例：

const privateData = new WeakMap();
class Person {
constructor(name) {
this.name = name;
privateData.set(this, { createdAt: Date.now() });
}
getAge() {
return Date.now() - privateData.get(this).createdAt;
}
}

当Person实例被销毁，privateData中对应的数据也会被自动清理。

WeakSet：对象的弱引用集合

WeakSet 只能存储对象，且这些对象是弱引用。它不提供遍历方法，也无法获取当前包含多少对象，只能通过add、delete、has操作。

适用场景：

标记对象状态，比如记录哪些DOM节点正在被动画处理
防止重复处理同一个对象
临时对象管理，对象消失后标记自动失效

示例：

const inProgress = new WeakSet();
function animate(element) {
if (inProgress.has(element)) return;
inProgress.add(element);
// 执行动画
element.animate(...);
element.onanimationend = () => {
inProgress.delete(element);
};
}

即使忘记调用delete，element被移除后也不会因WeakSet引用而残留。