变量在循环中的使用：写代码时容易忽略的关键细节

变量在循环中的常见用法

写代码的时候，循环是再常见不过的结构了。比如你要处理一组用户数据、遍历文件列表，或者重复执行某个任务，这时候基本都会用到 for 或 while 循环。而变量在循环中的使用，直接影响程序是否能正常运行，甚至决定性能好坏。

最常见的场景就是用一个计数器变量控制循环次数：

for (let i = 0; i < 10; i++) {
    console.log('当前第' + i + '次');
}

这里的 i 就是一个典型的循环变量，用来记录当前执行到第几次。它从 0 开始，每次递增 1，直到小于 10 的条件不成立为止。

避免在闭包中误用循环变量

有个经典问题经常出现在实际开发中：在循环里给事件绑定函数，结果所有事件都记住了同一个值。比如下面这段代码：

for (var j = 0; j < 3; j++) {
    setTimeout(function() {
        console.log(j);
    }, 100);
}

你可能期望输出 0、1、2，但实际上输出的是三个 3。这是因为 var 声明的变量作用域是函数级，所有回调函数共享同一个 j，而循环早已结束，j 的最终值是 3。

解决办法之一是使用 let 替代 var：

for (let j = 0; j < 3; j++) {
    setTimeout(function() {
        console.log(j);
    }, 100);
}

let 提供了块级作用域，每次迭代都会创建一个新的变量实例，因此每个 setTimeout 捕获的是各自独立的 j 值。

循环中定义函数要小心变量引用

除了定时器，在动态生成函数时也容易踩坑。比如要批量创建按钮点击事件：

const buttons = [];
for (let k = 0; k < 3; k++) {
    buttons[k] = function() {
        return '按钮' + k;
    };
}
console.log(buttons[0]()); // 输出“按钮0”
console.log(buttons[1]()); // 输出“按钮1”

这里用了 let，所以每个函数都能正确访问对应轮次的 k。如果换成 var 或者在旧环境下没处理好，就会出问题。

用额外函数隔离变量

在不支持 let 的老环境里，可以用立即执行函数来隔离变量：

for (var m = 0; m < 3; m++) {
    (function(m) {
        setTimeout(function() {
            console.log(m);
        }, 100);
    })(m);
}

通过传参的方式把当前的 m 值固定下来，每个回调拿到的都是独立副本，这就避免了共享变量带来的副作用。

变量在循环中的使用看似简单，但稍不注意就会导致逻辑错误。特别是在异步操作或闭包场景下，更要留意变量的作用域和生命周期。合理利用 let 和自执行函数，能让代码更可靠。”,”keywords”:“变量,循环,JavaScript,闭包,作用域,开发技巧,编程基础”}