TypeScript/JavaScript中for循环使用const作为循环变量的行为疑问

这个问题真的戳中了很多人刚接触ES6/TypeScript时的认知盲区！我来一步步帮你理清：

首先纠正一个关键误解：普通for循环里用const其实会报错！ #

你贴的这段代码：

for (const i = 0; i < 5; i++) { 
  setTimeout(function() { console.log(i) }, 100 * i); 
}

在TypeScript或者严格模式的JavaScript里，直接运行会报错！错误信息大概是“Cannot assign to 'i' because it is a constant.”——因为i++是在试图修改const变量的值，这完全违反了const的核心规则：变量绑定不可被重新赋值。

那你说“控制台能看到值变化”，大概率是混淆了两种for循环：普通for循环和for...of循环。

真正能合法用const的循环：for...of（或for...in） #

如果是for...of循环，用const就完全没问题，比如：

for (const i of [0, 1, 2, 3, 4]) {
  setTimeout(() => console.log(i), 100 * i);
}

这段代码会依次输出0、1、2、3、4，而且完全符合const的规则。原因是：

• for...of每次迭代时，都会创建一个全新的const变量i，绑定到当前迭代的数组元素上。
• 循环里的setTimeout回调捕获的是当前迭代的那个独立的i，而不是共享同一个变量（这和var的行为完全不同）。
• 整个过程中没有修改任何const变量的绑定，只是每次迭代都用新的const变量，所以完全合法。

再说说const的本质：绑定不可变，不是值不可变 #

你提到“const变量初始化后值不可修改”，这个表述有点不准确——准确来说是const变量的绑定（即变量指向的内存地址）不可修改：

• 如果const绑定的是原始值（数字、字符串、布尔等），那确实值不能改，因为修改值就等于重新绑定变量。
• 如果const绑定的是引用类型（对象、数组），你可以修改对象的属性或数组的元素，因为这没有改变变量的绑定（变量还是指向同一个对象/数组）。

举两个例子：

// 非法：试图修改const的绑定
const num = 1;
num = 2; // 报错！

// 合法：没有修改绑定，只是修改对象内部属性
const user = { name: "Alice" };
user.name = "Bob"; // 正常运行，控制台会看到user.name变成Bob

回到你的问题：为什么你以为普通for循环里的const能运行？ #

可能是你在某些非严格模式的环境下测试，或者代码被转译工具（比如Babel）处理过，但本质上普通for循环里用const是不符合规范的。如果你想在循环里用const，优先用for...of循环——它既符合const的规则，又能避免var/let在异步回调里的变量共享问题。

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