WeakSet 适合标记监听器，因其仅接受对象、持有弱引用且不阻止垃圾回收，可避免内存泄漏；但需确保传入同一函数引用才能去重。
WeakSet 可以用来存储监听器的引用，同时避免内存泄漏，但它本身不能直接防止重复注册——关键在于配合使用 WeakSet 来做“是否已注册”的判断。由于 WeakSet 只接受对象（不能存原始值），且不支持遍历和查询大小，所以适合用于轻量级、基于引用的身份标记。
为什么 WeakSet 适合标记监听器
监听器通常是函数（对象），WeakSet 能持有对它们的弱引用：一旦监听器函数不再被其他地方引用，即使它还在 WeakSet 中，也不会阻止垃圾回收。这对长期运行的事件系统（如组件反复挂载/卸载）很关键。
- WeakSet 不会阻止监听器函数被回收，避免常见内存泄漏
- WeakSet.has(obj) 可快速判断某个函数是否“已被标记”
- 不需要手动清理 WeakSet，适合动态生命周期场景
基础用法：注册前检查
在添加监听器前，先用 WeakSet 记录已注册的函数引用；重复传入同一个函数时跳过：
const registeredListeners = new WeakSet();
function addListener(element, type, handler) {
if (registeredListeners.has(handler)) return;
element.addEventListener(type, handler);
registeredListeners.add(handler);
}
function removeListener(element, type, handler) {
element.removeEventListener(type, handler);
// WeakSet 无法手动删除，但没关系：handler 若无其他引用，会自动被回收
}
⚠️ 注意：必须传入**同一个函数引用**才有效。箭头函数、内联函数或每次 new Function() 都会产生新引用，WeakSet 无法识别逻辑重复。
立即学习“Java免费学习笔记（深入）”；
应对内联函数/匿名函数的常见问题
如果业务中常用内联写法（如 el.addEventListener('click', () => {...})），WeakSet 无法去重——因为每次都是新函数。此时应：
- 把监听器提成具名函数或模块级常量函数
- 用闭包缓存 handler，例如封装一个
onOnce工具函数 - 改用 Map + 回调标识符（如字符串 key）来管理，但需自行维护生命周期
例如合理写法：
const handleClick = () => console.log('clicked');
// ✅ 同一引用，WeakSet 有效
addListener(btn, 'click', handleClick);
addListener(btn, 'click', handleClick); // 第二次被跳过
进阶：结合类封装可复用的防重监听器管理器
把 WeakSet 封装进一个管理器，支持多元素、多事件类型：
class ListenerRegistry {
constructor() {
this.registry = new WeakSet();
}
register(target, type, handler, options) {
if (this.registry.has(handler)) return false;
target.addEventListener(type, handler, options);
this.registry.add(handler);
return true;
}
// 注意：remove 不需要操作 registry，WeakSet 自动处理
}
const registry = new ListenerRegistry();
registry.register(btn, 'click', handleClick);
这种方式让防重逻辑集中、可测试，也便于在组件销毁时统一解绑（虽然 WeakSet 不强制要求，但显式 remove 更可控）。
