javascript - 在 settimeout 期间仅更新最后一个值

Question

可能重复：
在循环中将函数传递给 setTimeout：总是最后一个值？

我有以下代码：

var points = [{
        id1             : 1,
        id2             : 9,
        lat             : 44,
        lng             : 24
    },{
        id1             : 2,
        id2             : 7,
        lat             : 13,
        lng             : 29
    }];

当我尝试为数组点中的每个对象创建超时时，它只更新最后一个元素

for (var i in points){
    setInterval(function(){
        drivePoint(points[i], i)
    }, 1000);
}

其中驱动点是发出 ajax 请求的函数：

function drivePoint(point, i){
        $.ajax({
            type: "POST",
            url: 'url',
            data: points[i]
        }).done(function(o){
            var data = $.parseJSON(o);
            points[i].lat           = data['lat'];
            points[i].lng           = data['lng'];
        });
    }

drivePoint 的想法是更新给定点的坐标，但问题是它只更新最后一个，尽管如此有多少对象在 points 变量中，而不是 for (var i in points) 循环单独编写

setInterval(function(){
    drivePoint(points[0], 0)
}, 1000);

setInterval(function(){
    drivePoint(points[1], 1)
}, 1000);

一切正常

无法理解问题出在哪里

Answer 1

这里的问题是，当你的函数被执行i时，将被设置为循环中的最后一个值，因此在执行drivePoint(). 但是你真的需要为每个点单独的间隔吗？你可以让你的间隔循环遍历所有值吗？

setInterval(function() {
    for (var i in points) {
        drivePoint(points[i], i);
    }
}, 1000);