WeakMap 适合存储异步任务状态，因其键为弱引用，能自动随目标对象回收而清理状态，避免内存泄漏；天然绑定生命周期、隔离作用域、无需手动解绑。
WeakMap 在 JavaScript 中存储异步任务状态，核心优势在于自动清理、避免内存泄漏、天然绑定生命周期——它不阻止键（通常是对象）被垃圾回收，恰好匹配“任务状态随目标对象消亡而失效”的语义。
自动解绑状态，无需手动清理
异步任务常与 DOM 元素、组件实例或临时对象关联。若用普通 Map 或全局对象存状态，容易忘记在元素卸载、组件销毁时清除对应条目，导致内存持续占用。
- WeakMap 的键是弱引用：只要目标对象（如一个已从 DOM 移除的 button）不再被其他地方引用，它就能被 GC 回收，对应的 WeakMap 条目也自动消失
- 不需要在 componentWillUnmount、beforeunload 或 removeEventListener 后额外调用 delete —— 状态“跟着对象一起走”
天然隔离作用域，避免键冲突
WeakMap 的键必须是对象，且每个 WeakMap 实例独立维护键值对。这使得不同模块、不同组件可以安全使用各自的 WeakMap 存储状态，互不干扰。
- 例如：两个独立的按钮组件各自用私有 WeakMap 记录自己的 loading 状态，即使它们操作同一个 API，也不会误读/覆盖对方的状态
- 对比普通对象键名（如用 element.id 或 symbol），WeakMap 不依赖可枚举、可预测或需协调的标识符
适合临时性、上下文相关状态
异步任务状态（如 pending、error、result）往往只在特定对象存活期间有意义。WeakMap 强制你把状态“挂”在某个具体对象上，逻辑更清晰。
立即学习“Java免费学习笔记（深入）”；
- 比如：为一个 fetch 请求关联的 AbortController 存储其所属的表单元素，当表单被移除，控制器和状态自然失效
- 不适合长期缓存（如 API 响应结果复用），因为无法保证键存在；但正适合“这次点击的请求还在跑吗”这类瞬态判断
配合 Promise 使用的典型模式
常见写法是将 WeakMap 作为私有状态容器，结合闭包或类字段封装：
const taskStatus = new WeakMap();
function startAsyncTask(element, promise) {
taskStatus.set(element, { pending: true });
promise
.then(result => {
if (taskStatus.has(element)) {
taskStatus.set(element, { pending: false, result });
}
})
.catch(err => {
if (taskStatus.has(element)) {
taskStatus.set(element, { pending: false, error: err });
}
});
}
// 调用方只需传入 element，无需管理状态生命周期
startAsyncTask(myButton, fetch('/api/data'));
注意：检查 taskStatus.has(element) 是良好实践——防止回调执行时 element 已被回收，避免意外写入空状态。
