为什么JavaScript的for循环未正确声明初始化迭代变量仍可正常运行？

1. 省略let/var直接写i = 0运行正常的原因 #

• 非严格模式下，JavaScript允许直接给未声明的变量赋值，此时会自动在全局作用域创建该变量，等效于你在全局提前写了var i。
• 你测试时看起来和声明变量的运行结果一致，是因为当前全局环境没有同名i变量冲突。如果全局其他逻辑也用到了i，这个写法会直接覆盖原有值，属于非常容易引发bug的坏实践。
• 如果开启严格模式（在script第一行加'use strict'），这种未声明就赋值的写法会直接抛出ReferenceError错误，无法正常执行。
• 补充说明：你觉得作用域表现一致是测试场景不全，如果你在循环外打印i，这个写法会得到循环结束后的i值（你的示例里是6）；如果是for(let i=0;...)的写法，i是循环块级作用域变量，外部访问i会直接报未定义错误，二者作用域表现本质完全不同。

2. i++无需提前知晓类型和初始值就能执行的原理 #

• JavaScript属于动态弱类型语言，所有运算都会在运行时自动做隐式类型转换，不会在编译/语法检查阶段做类型校验。
• 你的示例中i已经被赋值为数字0，i++是i = i + 1的语法糖，自然可以正常执行数字递增运算。
• 哪怕你没有给i赋初始值就执行i++，也不会直接报错：i默认初始值为undefined，隐式转换为数字后是NaN，最终i的结果会是NaN，这就是弱类型语言的典型特性。

你提供的可运行代码示例 #

<p id="demo"></p>
<p id="i"></p>

<script>
const cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"];

let text = "";
let iter = "";
for (i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
  iter = i;
}

document.getElementById("demo").innerHTML = text;
document.getElementById("i").innerHTML = iter;
</script>

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