WeakMap 是管理 DOM 节点私有数据最安全的方式——它不阻止节点被垃圾回收，数据自动随节点消失，无需手动清理；因其键为弱引用，节点失去强引用后 GC 可立即回收，而普通对象或 Map 会形成强引用导致内存泄漏。
WeakMap 是管理 DOM 节点私有数据最安全的方式——它不阻止节点被垃圾回收，数据自动随节点消失，无需手动清理。
为什么必须用 WeakMap 而不是普通对象或 Map
直接把数据挂在 DOM 元素上（如 el._state = {...}）会形成强引用，导致节点即使从 DOM 移除、变量被置为 null，仍因属性引用而无法回收；Map 同样持有强引用，DevTools 中能看到大量 detached DOM trees 占用内存。WeakMap 的键是弱引用，只要节点失去所有其他强引用，GC 就能立刻回收它和对应条目。
正确声明与类型防护
WeakMap 实例必须在模块顶层声明一次，所有函数共用同一个实例：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 声明：
const elementData = new WeakMap(); - 存数据前务必校验：
if (node && node instanceof Node) { elementData.set(node, data); } - 避免传入
null、undefined、字符串 ID 或非节点对象（如window），否则set()抛错或逻辑污染
典型使用模式：绑定 + 读取 + 状态同步
给按钮加点击计数并同步到 DOM 属性：
立即学习“Java免费学习笔记（深入）”；
- 绑定：
elementData.set(btn, { count: 0, lastClick: Date.now() }); - 读取：
const state = elementData.get(btn) || { count: 0 };（get()返回undefined时需兜底） - 更新后可同步：
btn.dataset.clicks = state.count;，不影响 WeakMap 生命周期
注意值本身的生命周期
WeakMap 只弱引用键（DOM 节点），不管理值对象的存活。如果把 elementData.get(btn) 返回的对象又传给定时器、未解绑的事件监听器或全局缓存，该对象仍会被长期持有——泄漏根源不在 WeakMap，而在你对值的误用。确保值只用于当前节点上下文，不外泄、不长期驻留。
