本文深入分析JavaScript中循环变量声明的四种常见习惯：不声明直接使用、在for循环内反复声明、函数顶部集中定义以及使用IIFE封装。重点解析变量作用域差异、全局污染风险及Strict模式下的行为，并探讨ECMAScript 6中let关键字对块级作用域的支持，帮助开发者根据兼容性需求选择最优方案。
在JavaScript编程中，循环变量的声明位置选择是一个值得探讨的话题。
不声明直接使用的风险
第一种习惯是省略声明直接赋值。
function loop(arr) {
for (i = 0; i < arr.length; i++) {
// do something
}
}
非常危险的使用习惯，一般情况下循环变量将成为window对象上的一个属性被全局使用，极有可能影响程序的正常逻辑实现。 需要着重提一下的是，在strict模式下，未声明变量而直接赋值的使用方式会直接抛出异常，早就该这么做啦！引用一下ecma-262标准附录C中的一段话： "Assignment to an undeclared identifier or otherwise unresolvable reference does not create a property in the global object. When a simple assignment occurs within strict mode code, its LeftHandSide must not evaluate to an unresolvable Reference. If it does a ReferenceError exception is thrown (6.2.3.2)." 换言之，如果再使用未经声明的变量的话，ReferenceError异常会被抛出。
for循环内反复声明的误区
第二种习惯是在for循环的初始化语句块中声明变量，并在每次循环中重复声明。
function loop(arr) {
for (var i = 0; i < arr.length; i++ ){
// do someting
}
// console.log(i);
for (var i = 0; i < arr.length; i++ ){
// do something else
}
}
这种写法看似规范，深受从C或Java转向前端开发的开发者喜爱，但其根源往往是对JavaScript变量作用域的误解。与C和Java不同，JavaScript传统上不具备真正的块级作用域。因此，在循环结束后执行console.log(i)，不会返回undefined或抛出ReferenceError，而是会输出数组的长度值。尽管这种写法除了视觉上的整齐外并无实际优势，但由于ECMA标准允许在同一作用域内重复声明同一变量，且兼容性良好，因此被广泛使用。
函数顶部集中定义
第三种习惯是将循环变量与其他变量一起在函数顶部集中声明。
function loop(arr) {
var var1;
var var2;
var i;
for (i = 0; i < arr.length; i++) {
// do something
}
}
这种类似C89风格的变量定义方式在JavaScript中几乎无懈可击。它既避免了开发者误以为JavaScript支持块级作用域，又防止了全局作用域的污染，同时符合所有现行标准。其主要缺点是循环变量的声明位置与循环体距离较远，降低了代码的可读性。在不借助额外工具的情况下，除了等待主流浏览器实现ECMAScript 6中的let关键字以支持真正的块级作用域外，这似乎是最佳的折中方案。
使用IIFE封装循环
第四种习惯是将循环代码封装在立即执行函数表达式（IIFE）中。
function loop(arr) {
(function () {
for (var i = 0; i < arr.length; i++) {
// do something
}
})();
}
这是前端开发者熟悉的一种模式，即Immediately-Invoked Function Expression。虽然这种方法书写较为繁琐，且存在微小的性能损耗，但它在兼容性和遵循标准方面表现优异。如果开发者不介意代码的复杂性，可以采用这种方式来隔离循环变量的作用域。
综上所述，JavaScript中循环变量的定义有四种常见的书写习惯，各有优劣。开发者应根据项目的具体需求、兼容性要求以及代码风格偏好，选择最适合的方案。