Как передать индекс в setTimeout

Question

Я знаю, что здесь есть много вопросов, подобных этому, но ни один из них, который я видел, не ответил на это для меня. Если я пропустил один, и это дубликат, извините.

Я пытаюсь изменить свой график с помощью d3 и хочу использовать setTimeout для удобного поиска операций.

У меня есть

for (var key in alist){ 
    setTimeout(function() { 
     graph.removeLink(alist[key].source.name, alist[key].target.name); 
    }(key), key*500+200); 
} 

Это вызывает функцию removeLink немедленно вместо ожидания заданного интервала.

Я новичок в javascript, так что извините, если это что-то исключительно очевидное, я не могу найти ответ нигде.

Answer 1

Вы можете связать переменную с анонимной функции на лету, или создать функцию, чтобы обернуть тайм-аут в

Анонимные функции связывания:.

for (var key in alist){ 
    setTimeout(function (alistitem) { 
     graph.removeLink(alistitem.source.name, alistitem.target.name); 
    }.bind(this, alist[key]), key*500+200); 
} 

Отдельные функции:

function timedRemoveLink(item, time){ 
    setTimeout(function() { 
    graph.removeLink(item.source.name, item.target.name); 
    }, time); 
}; 

for (var key in alist){ 
    timedRemoveLink(alist[key], key*500+200); 
} 

Answer 2

Вы вызвали свою анонимную функцию, когда пытались передать ключ. Вместо этого используйте закрытие. Обязательно сделайте локальную копию ключа!

for (var key in alist){ 
    var keyCopy = key; 

    setTimeout(function() { 
     graph.removeLink(alist[keyCopy].source.name, alist[keyCopy].target.name); 
    }, key*500+200); 
}