JavaScript弱引用_WeakMap与WeakSet使用-js教程-PHP中文网

JavaScript弱引用_WeakMap与WeakSet使用

夜晨

发布： 2025-11-26 15:29:02

原创

682人浏览过

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

javascript弱引用_weakmap与weakset使用

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

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

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

常见用途：

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

示例：

立即学习“Java免费学习笔记（深入）”；

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

登录后复制

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

WeakSet：对象的弱引用集合

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

适用场景：

动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包

508

查看详情

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

示例：

立即学习“Java免费学习笔记（深入）”；

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

登录后复制

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