for(var i=0;i<5;i++){
setTimeout(function(){
console.log(i);
},i*1000)
}
// 输出5次5,一秒一次
-
setTimeout是异步执行的,i*1000毫秒后向队列里添加一个任务,只有主线上的全部执行完才会执行任务队列里的任务,所以当主线for循环执行完之后i的值为5,这个时候再去任务队列中执行任务,i全部为5
-
每次for循环的时候setTimeout都会执行,但是里面的function则不会执行,被放入任务队列,因此放了5次,1秒执行一次
-
如果把var换成let,那么输出结果为0,1,2,3,4
for(let i=0;i<5;i++){
setTimeout(function(){
console.log(i);
},i*1000)
}
// 输出 0,1,2,3,4 一秒输出一个
- 因为let i 是的块级变量,每个i只能存活到大括号结束,并不会把后面的for循环的i赋值给前面的setTimeout中的i;而var i 则是局部变量,这个i的声明周期不受for循环大括号的限制