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