JavaScript中闭包可解决setTimeout回调无法访问正确循环变量的问题：因var声明的i是函数作用域，所有回调共享同一变量，循环结束时i为3；用IIFE可为每次迭代创建独立作用域并传入当前i值；let声明则利用块级作用域自动实现闭包；setTimeout还支持直接传参给回调函数。
在 JavaScript 中，闭包常被用来解决 setTimeout 回调中无法直接访问循环变量或外部参数的问题。本质是让回调函数“记住”它定义时所在作用域的变量，而不是执行时的作用域。
为什么 setTimeout 回调里拿不到正确的外部变量？
常见问题出现在 for 循环中：
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 100);
}
// 输出：3, 3, 3（不是预期的 0, 1, 2）
这是因为 var 声明的 i 是函数作用域，所有回调共享同一个 i；等定时器真正执行时，循环早已结束，i 已变成 3。
用闭包封装参数（经典 IIFE 方式）
立即执行函数表达式（IIFE）可为每次迭代创建独立作用域，把当前值“锁住”：
Java Maven Common
下载
Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。
立即学习“Java免费学习笔记（深入）”；
- 把
i作为参数传入 IIFE，内部返回的回调就闭包了这个副本 - 适用于老项目或需兼容低版本环境
for (var i = 0; i < 3; i++) {
(function (currentI) {
setTimeout(() => console.log(currentI), 100);
})(i);
}
// 输出：0, 1, 2
用 let 声明替代 var（更简洁的闭包效果）
let 具有块级作用域，每次循环都会创建新的绑定，本质上每个回调都闭包了各自块内的 i：
- 无需额外函数包装，代码更干净
- 现代浏览器和 Node.js 环境普遍支持
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 100);
}
// 输出：0, 1, 2
显式传递多个参数给 setTimeout 回调
setTimeout 支持在延迟时间后传入额外参数，这些参数会原样传给回调函数：
- 回调函数签名需匹配参数个数，如
(a, b) => {...} - 适合需要传入对象、字符串、索引等非简单变量的场景
const data = ['apple', 'banana', 'cherry'];
for (let i = 0; i < data.length; i++) {
setTimeout((index, item) => {
console.log(`Index ${index}: ${item}`);
}, 100, i, data[i]);
}
// 输出：Index 0: apple，Index 1: banana，Index 2: cherry
