3.0 let和const命令_上面的代码中,变量 var 声明的,在全局范围内都有效,所以全局只有个变量次循环,-优快云博客

本文详细解释了JavaScript中的let命令，强调了其块级作用域的特性，如何防止变量污染全局以及在for循环中的应用。通过示例展示了let如何避免变量提升和循环变量的问题，对比了let与var声明的区别，并分析了在函数内部和循环中的作用域行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let 声明的变量，只能在 let 命令所在的代码块内有效。

{
  let a = 10;
  var b = 1;
}

a // ReferenceError: a is not defined.
b // 1

for 循环的计数器，很适合使用 let 命令，因为计数器 i只在循环体内有效，在循环体外引用就会报错。

for (let i = 0; i < 10; i++) {
  // ...
}

console.log(i);
// ReferenceError: i is not defined

上面的代码中，计数器 i 只在循环体内有效，在循环体外引用就会报错。

下面的代码如果使用 var ，最后输出的是10

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10

上面的代码中，i 是 var 声明的，在全局范围内都有效，所以全局只有一个变量 i 。每循环一个，i 的值都会发生改变，而循环内被赋给数组，a 的函数内部的console.log(i) ，里面的 i 是指向全局的 i 。也就是说，所有数组a的成员里面的i，指向的都是同一个i，导致运行时输出的是最后一轮的i的值，也就是 10。

如果使用let，声明的变量仅在块级作用域内有效，最后输出的是 6。

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

上面代码中，变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是6。你可能会问，如果每一轮循环的变量i都是重新声明的，那它怎么知道上一轮循环的值，从而计算出本轮循环的值？这是因为 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。

另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}
// abc
// abc
// abc

上面代码正确运行，输出了 3 次abc。这表明函数内部的变量i与循环变量i不在同一个作用域，有各自单独的作用域。