[!info] related notes

• 所属 MOC: ES6 新特性 MOC, ECMAScript MOC
• 前置概念: Map, WeakMap, ECMAScript集合引用类型
• 相关场景: 手写 Vue reactive 和 watchEffect 的最小实现, Vue3 Proxy 响应式原理

Map vs WeakMap

主题范围

这篇笔记只对比 Map 和 WeakMap 的设计目标、引用语义、可遍历性和典型用途。

一句话结论

• Map：通用键值对容器，适合做字典、缓存、统计
• WeakMap：对象元数据容器，适合给对象挂私有数据且不妨碍回收

对比表

维度	Map	WeakMap
键类型	任意类型	只能对象
引用语义	强引用	弱引用
是否可遍历	可以	不可以
是否有 size	有	没有
适合做通用字典	是	否
适合对象私有数据	可以，但要注意内存	更适合

为什么 WeakMap 不能遍历

因为 WeakMap 的键可能在任意时刻被垃圾回收，遍历结果不稳定，所以它故意不提供 keys()、values()、entries() 和 forEach()。

什么时候用 Map

• 键值对需要遍历
• 键可能是任意类型
• 需要统计数量
• 频繁增删

什么时候用 WeakMap

• 键必须是对象
• 想给对象附加隐藏数据
• 不想因为缓存导致对象无法回收

最短记忆方式

• Map = 通用字典
• WeakMap = 对象附属数据