es6let和varfor循环里定义变量

var a &＃61; [];
for (var i &＃61; 0; i <10; i&＃43;&＃43;) {a[i] &＃61; function () {console.log(i);};
}
a[6](); // 10


解读&＃xff1a;

a是一个数组&＃xff0c;a的每一项都是一个函数function(){console.log(i);},

变量i是var声明的&＃xff0c;是一个全局变量&＃xff0c;而数组a的函数内部的console.log(i)&＃xff0c;里面的i指向的就是全局的i。也就是说&＃xff0c;所有数组a的成员里面的i&＃xff0c;指向的都是同一个i&＃xff0c;导致运行时输出的是最后一轮的i的值&＃xff0c;也就是 10

函数只有调用才会起作用&＃xff0c;调用的时候i已经是10了&＃xff0c;无论调用数组里边的哪个函数都是输出10

为什么是10 不是9呢&＃xff1f;因为在循环中 i&＃61;9时 9<10 i执行了一个i&＃43;&＃43; 为10

var a &＃61; [];
for (let i &＃61; 0; i <10; i&＃43;&＃43;) {a[i] &＃61; function () {console.log(i);};
}
a[6](); // 6


解读&＃xff1a;

变量i是用let声明的&＃xff0c;声明的变量仅在块级作用域内有效&＃xff0c;外部函数不能访问&＃xff0c;所以当前的i只在本轮循环有效&＃xff0c;所以每一次循环的i其实都是一个新的变量,所以 a[1]() 只在i&＃61;1这轮循环内有效, a[2]()只在i&＃61;2这轮循环内有效,所以 a[6]()输出6

变量i是let声明的&＃xff0c;当前的i只在本轮循环有效&＃xff0c;所以每一次循环的i其实都是一个新的变量&＃xff0c;所以最后输出的是6。你可能会问&＃xff0c;如果每一轮循环的变量i都是重新声明的&＃xff0c;那它怎么知道上一轮循环的值&＃xff0c;从而计算出本轮循环的值&＃xff1f;这是因为 Javascript 引擎内部会记住上一轮循环的值&＃xff0c;初始化本轮的变量i时&＃xff0c;就在上一轮循环的基础上进行计算。

for (var i &＃61; 0; i <5; i&＃43;&＃43;) {setTimeout(function(){console.log(i);},1000);
}console.log(i);


先打印一个5 1秒钟后再打印出5个5

因为 for 循环会先执行完&＃xff08;同步优先于异步优先于回调&＃xff09;,for循环执行的时候 i&＃61;4时 i<5 执行 i&＃43;&＃43;&＃xff0c;i为5&＃xff0c; 当i&＃61;5时 &＃xff0c;i不小于5&＃xff0c; 所以不执行i&＃43;&＃43;&＃xff0c; 所以for循环执行完的时候i最终为5

setTimeout是异步执行的&＃xff0c;1秒后向任务队列里添加一个任务&＃xff0c;只有主线上的全部执行完才会执行任务队列里的任务&＃xff0c;所以当主线程for循环执行完之后 i 的值为5&＃xff0c;这个时候再去任务队列中执行任务&＃xff0c;i全部为5&＃xff1b;

每次for循环的时候setTimeout都会执行&＃xff0c;但是里面的function则不会执行被放入任务队列&＃xff0c;因此放了5次&＃xff1b;for循环的5次执行完之后不到1秒&＃xff1b;

1秒后全部执行任务队列中的函数&＃xff0c;所以就是输出五个5啦

for (let i &＃61; 0; i <5; i&＃43;&＃43;) {setTimeout(function(){console.log(i);//0,1,2,3,4},1000);
}console.log(i);//i is not defined


因为let i 的是区块变量&＃xff0c;每个i只能存活到大括号结束&＃xff0c;并不会把后面的for循环的 i 值赋给前面的setTimeout中的i&＃xff1b;而var i 则是局部变量&＃xff0c;这个 i 的生命周期不受for循环的大括号限制&＃xff1b;