javascript中的for循环

在编程语言中通常都会使用到for循环这个方法,来一块儿了解一下for循环有意思的地方

原生js的for循环使用

for(var i = 0; i < 6; i++) {
    //do something
}
console.log(i) // 6

因为在原生的js中没有块级做用域这个说法,因此即便是在for循环中定义的i,在for循环以外也是可以访问到i这个变量

引入ES6的let来定义变量

for(let i = 0; i < 6; i++) {
    //do something
}
console.log(i) // Uncaught ReferenceError: i is not defined

这里会显示一个i为未定义的引用报错,由于此次的i是经过let来进行定义的变量
let是ES6中新引入的一个定义变量的方法,这个方法可使得定义的变量属于块级做用域(一对大括号包起来算是块级做用域).在块级做用域外不能访问变量

更有意思的部分

for(let i = 0; i < 6; i++) {
    let i = 'ace';
    console.log(i); // 输出6次ace
}

能够在这看到在for的做用域中定义了一个新的i,而且打印出当前做用域i出来.引入一个内容

let i = 0; 
let i = 'ace'; //Uncaught SyntaxError: Identifier 'i' has already been declared

这里会报错,由于用let定义的变量不可以重复进行声明
因此大胆猜想一下,可是没有进行验证,上面循环的形式大概是这样子的

{
    let i = 0; // 循环前数值的初始化
    {
        // 执行循环内的函数
        let i = 'ace'; 
        console.log(i);  // 在这里能够看到先后两个i的做用域是不同的,当内层的做用域找不到i的时候,会向上继续找,直到找到为止
    }
    i++
    if ( ! i < 6 ) return // 循环退出的条件
}

一样的另一个例子

for (var i = 0; i<6; i++){
    var i = 'ace';
    console.log(i); // ace
}
console.log(i) // NaN 由于在执行i++的时候i变成了字符串,因此会是NaN,而且不符合继续循环的判断条件