js中for循环里let和var的作用域

我觉得这个讲的不够详细，所以重新整理了一下

用var定义的

   var data = [];
    for(var k = 0; k < 2; k++){
            data[k] = function(){
                console.log(k);
            };
    }
    data[0]();
    data[1]();

//2
//2
上边代码的执行顺序展开来是这样的

var k = 0;//k指向栈里边的地址part，part的值赋为0
data[k] = function(){console.log(k)};//此时函数里的console向上找，找到k指向的part==0
//一次循环结束

var k = 1;//修改地址part里边的值为1
data[k] = function(){console.log(k)};//此时console还是向上找，找到k指向的part==1
//第二次循环结束

var k = 2;//修改地址part里边的值为2，退出循环
划重点：全程只有一个地址part，只是不停的改变part里边的值，最终为2

 data[0]();输出part地址里现在的值//2
 data[1]();输出part地址里现在的值//2

用let定义的

   var data = [];
    for(let k = 0; k < 2; k++){
            data[k] = function(){
                console.log(k);
            };
    }
    data[0]();
    data[1]();

//0
//1
他的执行顺序是这样的

let k = 0;//k指向栈里的地址part，part的值赋为0
data[k] = function(){console.log(k)};//此时会输出0
//console会向上找，找到k指向的part，0

let k = 1;//k指向栈里新的地址part1，part1的值赋为1
data[k] = function(){console.log(k)};//此时会输出1
//console会向上找，找到k指向的part1，0

let k = 2;//k指向栈里的地址part2，part2的值赋为2，退出循环
划重点：此时for循环的局部作用域中有三个地址，part、part1、part2，全局访问不到

 data[0]();输出part地址里现在的值//0
 data[1]();输出part1地址里现在的值//1

验证：下边两个代码运行速度差很多

var data = []
for (let i = 0;i<30000000;i++){
    data[i] = function(){
        console.log(i)
    }
}
//时间长,每次都要新的作用域，会有3000w个内存数据

var data = []
for (var i = 0;i<30000000;i++){
    data[i] = function(){
        console.log(i)
    }
}
//时间短，每次都去一个地址里找，只有一个内存数据

总结：

let的块级作用域不单单只有一次，for循环的多次循环中，每一次循环都对应着一个单独的作用域