Javascript：for 与 jQuery.each() 带时间延迟

Figure 1

for (var i = Things.length - 1; i >= 0; i--) {
    setTimeout(function(){
        // do something with Things[i]
    }, 200 * i);
};

Figure 2

$(".things").each(function(i,o){
    setTimeout(function(){
        //do something with o
    }, 200 * i);
});

为什么图2可以工作，而图1却不行？每次我尝试第一种方法i总是等于-1。是什么赋予了？

for (var i = Things.length - 1; i >= 0; i--) {
    (function(i){
        setTimeout(function(){
          // do something with Things[i]
        }, 200 * i);
    })(i)
};

您需要创建一个范围i，因此它保持其价值。否则它会随着循环而更新。

它适用于图 2 的原因（$.each(function(i,o){...})) 是因为这里的匿名函数正在创建一个闭包i.