如何利用闭包在for循环中有效捕获变量：深入解析var与let的循环差异？

本文共计647个文字，预计阅读时间需要3分钟。

使用 `var` 声明循环变量时，变量具有函数作用域。整个 `for` 循环只创建一个 `i`。所有异步操作（如 `setTimeout`、事件监听器）中的回调函数都使用这个唯一的 `i`。循环结束后，`i` 变成最终值（如 `5` 或 `10`），而回调函数则使用这个最终值。

• 变量被提升到函数顶部，反复赋值而非新建
• 闭包捕获的是变量的“引用”，不是某次迭代的“快照”
• 常见表现：循环 0–4，却连续输出 5

let 为何能自然解决这个问题

let 每次迭代都创建一个新的绑定，相当于为每次循环生成独立的变量实例。每个 setTimeout 回调形成的闭包，捕获的是各自迭代中那个独一无二的 i 值。

• 块级作用域保证每次循环有独立内存空间
• 闭包捕获的是“绑定”，而非共享引用
• 无需额外封装，代码简洁直观

用闭包手动修复 var 的问题

如果受限于 ES5 环境或需兼容旧逻辑，可通过立即执行函数（IIFE）把当前 i 作为参数传入，形成局部作用域，让闭包捕获该参数的副本。