箭头功能捕获策略，以使声明变量

Question

我一直在阅读乔恩·斯基特（Jon Skeet）的文章 关于封闭策略，并希望与JavaScript探索情况。

arr = [];
for(let i = 0; i < 3; i++) {
    arr.push(() => console.log(i));
}
arr.forEach(ele => ele());



arr = [];
let j;
for(j = 0; j < 3; j++) {
    arr.push(() => console.log(j));
}
arr.forEach(ele => ele());

令人惊讶的是，第一个打印0,1,2和第二个3,3,3。

我还发现 that JS总是捕获变量。那为什么第一种情况呢？

Answer 1

arr = [];
for(let i = 0; i < 3; i++) {
    arr.push(() => console.log('1', i));
}
arr.forEach(ele => ele());



arr = [];
let k;
for(k = 0; k < 3; k++) {
    arr.push(() => console.log('2', k));
}
arr.forEach(ele => ele());

我已经在控制台内添加了字符串1和2。

第一个结束是1，它可以按预期工作，因为LET关键字范围范围为for循环。另一方面，第二个循环中的console.log将scoppep的k取在窗口范围中，因此当console.log运行时，k的值将设置为for循环的末端的k值， i的值仅有效，并且在第一个循环内部范围内（因此是闭合）。