关于JavaScript中for循环let计数器与内部函数返回值的疑问

DevOps 小满

2026-7-4

为什么for循环中用let声明的变量，闭包能访问但外部直接访问不行？

先看你给出的两个示例：

案例1：var声明循环计数器

var printNumTwo;
for (var i = 0; i < 3; i++) {
  if (i === 2) {
    printNumTwo = function() {
      return i;
    };
  }
}
console.log(printNumTwo()); // 输出3

这里var声明的i属于全局/函数作用域，整个循环共用同一个i变量。循环结束后i的值已经变为3，printNumTwo调用时返回的就是这个最终值。

案例2：let声明循环计数器

let printNumTwo;
for (let i = 0; i < 3; i++) {
  if (i === 2) {
    printNumTwo = function() {
      return i;
    };
  }
}
console.log(printNumTwo()); // 输出2
console.log(i); // 报错：i is not defined

核心原因拆解：

for循环中let的特殊绑定规则：用let在for循环头部声明变量时，JavaScript会为每一次迭代创建一个全新的i变量实例。也就是说，迭代0对应i=0，迭代1对应i=1，迭代2对应i=2，这三个i是互相独立的变量。
闭包的捕获机制：当i=2的迭代中，printNumTwo被赋值为返回i的函数时，这个函数会捕获当前迭代对应的那个i实例（也就是值为2的那个）。即使循环结束，该函数依然保留着对这个i实例的引用，所以调用时能返回2。
块级作用域的限制：let声明的变量作用域仅限当前代码块（即for循环的{}内部）。循环结束后，块外部不存在i的绑定，所以直接console.log(i)会报错。