嘿大家， 今天聊一聊WeakMap和WeakSet跟普通的MapSet到底有什么区别啊？说实话，我这也不是专业的，只是跟着网上的一些文章看了下随便拼凑了一篇。不要太认真哦。

一、 基本概念不懂也能知道一点点

WeakMap 和 WeakSet 看起来很高大上，其实它们只是"弱引用" 的集合。简单说它们只存对象，而不存基本类型；而且它们不会阻止垃圾回收器回收对象。听起来就很酷，但其实吧用的时候也有不少坑。

1.1 什么叫弱引用？

何必呢？ 如果你想象一下 一个"强引用" 就像把人绑在墙上，让他永远站在那里；而弱引用就像给人一个弹簧扣，让他走到墙外也能掉下来被回收。

1.2 为什么要这么做？

"防止内存泄漏". 在前端开发里 经常需要把某个 DOM 节点跟一些状态或者缓存绑定在一起，如果用普通 Map 存储，一旦页面删除了这个节点，节点仍然会被保留在 Map 中，不会被垃圾回收，这就导致内存泄漏。

二、Map vs WeakMap：键和值都可以吗？

往白了说... "Map 可以键任意类型， 包括字符串、数字、对象等；值也一样可以是任何东西". 而 WeakMap 则只接受对象作为键，不能用字符串或者数字。如果你试图用字符串做键，会直接报错。

比方说：

const wm = new WeakMap;
wm.set; // OK
wm.set; // 报错

坦白讲... 这里说明一下：其实很多人会误以为 WeakMap 支持遍历， 主要原因是他们看到 Map 有 .keys、.values 等方法。但是 WeakMap 并没有这些方法，主要原因是它本身就是不可遍历的。

三、Set vs WeakSet：到底能做什么？

"Set 可以存任何唯一值， 包括基本类型和对象； 很棒。 而 WeakSet 只能存对象".

所以如果你想让一个数组去重，可以用 Set 很方便：，好家伙...

const arr = ;
const uniq = ; // 

但是如果你想让一个集合只存 DOM 节点，并且希望节点被删除后自动从集合中消失，那就要用 WeakSet，最后强调一点。。

典型场景:

• "私有属性": 用 WeakMap 存实例属性，让外部无法直接访问。
• "临时标记": 用 WeakSet 标记正在处理中的 DOM 节点，当节点被移除后标记自然失效。
• "缓存管理": 用 WeakMap 存缓存数据， 当 key 对象消失时缓存自动清理，无需手动删掉。
• "循环引用检测": 用 WeakSet 记录已访问的对象， 避免无限递归，但主要原因是不可遍历，代码写得比较麻烦。

四、为什么它们不支持遍历？

主要原因是它们内部使用的是“弱引用”，所以浏览器不敢给你提供完整的数据结构供你遍历。否则的话，如果你拿到所有元素，你就能破坏 GC 的设计，让内存泄漏更严重。所以官方决定：Weak* 集合是不可枚举的， 也没有 size 属性， 不地道。 没有 clear 方法，也没有 forEach 等等。只有少数几个操作。这就意味着如果你需要统计或者批量操作， 就必须自己维护一份“强引用”的列表，或者改用普通 Map/Set。要么就别用了。

噪音时间——下面这些段落其实都没啥意思，只是加大字数啦：

划水。 Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores quidem totam quibusdam eius impedit similique! Quibusdam sapiente sed vel? Nostrum quisquam fuga culpa molestiae accusamus! Lorem ipsum dolor sit amet consectetur adipisicing elit.

这里打算说一句话：“我真的不知道这段文字在干嘛。 实际上... ”但我还是忍不住打出来所以先放着吧！.

五、

• - Weak* 集合仅限对象，强制保持“弱”特性；普通 Map/Set 可容纳任何类型数据并可遍历；
• - 无法迭代 / 没有 size / 没有 clear 等方法；
• - 适合临时关联元数据或缓存，以免导致内存泄漏；
• - 如果需要统计或批量操作，用普通 Map/Set 更靠谱；
• - 别忘了：Weak* 集合只对“存在于其他地方”的对象有效，否则它会被 GC 自动回收。