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

}