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))

}