关键不是避免闭包，而是精准控制变量捕获：用let隔离循环变量、快照必要值、及时清理定时器与事件监听器、为每次异步创建独立闭包环境并防竞态。
关键不是“避免闭包”，而是控制变量捕获的时机和内容——让闭包拿到它该拿的值，而不是意外共享或滞后更新的引用。
用 let 替代 var 处理循环变量
var 声明的变量是函数作用域，整个循环共用一个绑定；异步回调执行时，i 早已变成终值。let 则为每次迭代创建独立绑定，自然隔离各次状态。
- 错误写法：
for (var i = 0; i console.log(i), 100); }→ 全部输出 5 - 推荐写法：
for (let i = 0; i console.log(i), 100); }→ 输出 0、1、2、3、4 - 替代方案：直接传参，如
setTimeout((idx) => console.log(idx), 100, i)
对可变对象做快照，而非捕获引用
闭包捕获的是对象地址，不是值。如果 config.url 在 fetch 发起后被改写，回调里读到的就是新值。
- 提取必要字段：在发起异步前保存关键值，
const savedUrl = config.url;，后续只用savedUrl - 浅层对象可用解构或展开：
const { url, timeout } = config; - 深层嵌套需结构化克隆：
const snapshot = structuredClone(config); - 声明用
const防重赋值，但注意它不阻止对象内部属性变更
及时清理定时器与事件监听器
闭包持有 DOM 节点或大数组，而 setInterval 或 addEventListener 没清除，就会阻止垃圾回收。
- 保存定时器 ID：
const timer = setInterval(...);，退出前调用clearInterval(timer) - 事件监听必须成对：
element.addEventListener('click', handler)→ 卸载时element.removeEventListener('click', handler) - 现代推荐：用
AbortController控制 fetch 生命周期，fetch(url, { signal })+controller.abort()
让每次异步调用拥有独立闭包环境
避免把状态变量（如 page、retryCount）挂在全局或 this 上，否则多个请求互相覆盖。
- 把状态定义在外层函数中，返回新函数实例，例如搜索建议每次输入都生成新 handler
- 需要防竞态时，在闭包内固化 requestId 或 timestamp，响应时比对是否仍为最新上下文
- 取消操作后，主动将闭包内引用设为
null，如isCancelled = true或pendingResolve = null
