关于For循环中进行异步操作索引不正确的处理方式

发表于 更新于 阅读次数： 本文字数： 94 阅读时长 ≈ 1 分钟

code 问题代码

1
2
3
4
5
6
7
8
function test() {
    for (var i = 0; i < 5; ++i) {
        setTimeout(function() {
            console.log("index is :", i);
        }, 1000);
    }
}
test();

output 问题输出

1
2
3
4
5
index is : 5
index is : 5
index is : 5
index is : 5
index is : 5

solution 使用自执行函数

1
2
3
4
5
6
7
8
9
10
function test() {
    for (var i = 0; i < 5; ++i) {
        (function(i){
	        setTimeout(function() {
	            console.log("index is :", i);
	        }, 1000)
        })(i);
    }
}
test();

output 正确输出

1
2
3
4
5
index is : 0
index is : 1
index is : 2
index is : 3
index is : 4