for 循环中setTimeout(function () { console.log(i)},100)中的异步问题

for ( var i = 0 ; i < 3 ; i ++ ) {
setTimeout( function () {
console. log(i);
}, 100)
}

上述代码执行完后,打印3次3,这是setTimeout是异步执行的,会排在任务队列中,只有主线上的全部执行完,才会执行任务队列里的任务,当主线执行完成后,i=3,所以打印3次3

那么怎么样打印0,1,2呢?两种方法:

1.使用let来定义i,i成为块级变量,绑定到循环体的每一次迭代中

for ( let i = 0; i < 3; i ++) {
setTimeout( function () {
console. log(i);
}, 100)
}

2.把setTimeout放到一个自执行的函数中去执行,将i作为参数传进去

for ( var i = 0; i < 3; i ++) {
( function ( a) {
setTimeout( function () {
console. log(a);
}, 100)
}(i))
}

猜你喜欢

转载自blog.csdn.net/qq_42209630/article/details/80886268
今日推荐