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

JavaScript中的弱引用机制主要通过WeakMap和WeakSet实现。它们与普通的Map和Set不同,持有的对象引用是“弱”的,不会阻止垃圾回收器回收这些对象。这在处理大量对象或需要避免内存泄漏的场景中非常有用。
WeakMap:键必须是对象的弱引用集合
WeakMap 的键只能是对象(包括函数、数组等),且这些键是弱引用的。当一个对象不再被其他变量引用时,它在 WeakMap 中对应的条目会自动被清除。
常见用途:
- 私有数据存储:将实例对象作为键,存放其私有属性,不影响对象生命周期
- 缓存计算结果:以对象为键缓存其衍生数据,对象销毁后缓存自动释放
- 避免循环引用导致的内存泄漏
示例:
立即学习“Java免费学习笔记(深入)”;
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操作。
适用场景:
动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包
- 标记对象状态,比如记录哪些DOM节点正在被动画处理
- 防止重复处理同一个对象
- 临时对象管理,对象消失后标记自动失效
示例:
立即学习“Java免费学习笔记(深入)”;
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引用而残留。
WeakMap 和 WeakSet 的限制与特点
由于弱引用的特性,它们有一些使用上的限制:
- 不能遍历:没有forEach、keys()、values()等方法
- 不支持size属性:无法直接知道有多少条目
- 键/值必须是对象:原始类型如字符串、数字不能使用
- 不可预测的清理时机:依赖垃圾回收机制,不能手动触发
这些设计是为了保证不干扰垃圾回收过程。
基本上就这些。WeakMap和WeakSet适合用于辅助性数据结构,尤其是你不想影响对象生命周期的场合。用好了能有效减少内存占用,避免隐性内存泄漏。









