let 块级作用域在循环中执行异步操作的使用

对于没有块级作用域的变量，在循环中执行异步操作，会在循环完成后都使用循环最后的同一值

如：

for (var i = 0; i < 5; i++) {
    (
         function(j) {  // j = i
            setTimeout(
                function() {
                    console.log(new Date, j);
            }, 1000);
        }
    )(i);
}
console.log(new Date, i);

 

最后输出： 5, 5, 5, 5, 5, 5      其中先输出第一个数， 后五个数字一秒后同时输出

 

但将 var i = 0 改为 let i = 0 后执行

for (let i = 0; i < 5; i++) {
    (
         function(j) {  // j = i
            setTimeout(
                function() {
                    console.log(new Date, j);
            }, 1000);
        }
    )(i);
}
console.log(new Date, i);

 

将会报错，因为 最后一个 console.log(new Date, i); 无法获取到i的值

 

但如果删除最后一个 console.log(new Date, i); 

执行：

for (let i = 0; i < 5; i++) {
    (
         function(j) {  // j = i
            setTimeout(
                function() {
                    console.log(new Date, j);
            }, 1000);
        }
    )(i);
}

 

 

将一秒后同时输出 0， 1， 2， 3， 4