for、for-in、for-of循环变量作用域规则不一致问题问询

这个问题问得特别戳中JS初学者的痛点，我刚接触JS的时候也对着这个差异懵了好一会儿！咱一步步拆解清楚：

普通for循环：变量会被重复赋值，const不允许 #

普通for循环的结构是for (初始化表达式; 条件判断; 增量表达式)，核心点在于：初始化阶段声明的变量，在每一轮循环的增量阶段都会被重新赋值（比如i++本质是i = i + 1）。而const声明的变量是只读绑定——一旦赋值就不能被重新赋值，所以直接用const会触发报错：

// 运行报错：Assignment to constant variable.
for (const i = 0; i < 3; i++) {
  console.log(i);
}

换成let就没问题，因为let允许重新赋值，刚好适配普通for循环需要修改迭代变量的逻辑。

for-in/for-of：每次迭代都创建新的变量绑定 #

而for-in（遍历对象键）和for-of（遍历可迭代对象）的逻辑完全不一样：它们每一轮迭代都会创建一个全新的变量绑定，而不是修改同一个变量。换句话说，每次循环里的const变量都是独立的，只是名字相同而已，根本不存在“重新赋值”的操作，所以const完全适用：

// 正常运行，依次输出 0、1、2
const arr = [0, 1, 2];
for (const item of arr) {
  console.log(item);
}

// 正常运行，依次输出 "a"、"b"
const obj = { a: 1, b: 2 };
for (const key in obj) {
  console.log(key);
}

你提到的“语法转换”直觉其实有点接近，但不是转成普通for循环，而是JS引擎在处理这两种循环时，会为每一次迭代单独创建作用域和变量绑定，相当于每次循环都隐式执行了一次const item = 当前迭代值，自然不会违反const的规则。

内容的提问来源于stack exchange，提问作者dualscyther