меняется на интервале устанавливается

Question

У меня есть следующие функции в для цикла:

loops.push(setInterval(function(){ 
    showNext(i); 
}, 5000)); 

i является индексом для цикла. Однако проблема возникает, когда функция push запускается. i всегда задается последним индексом цикла for, потому что к тому времени, когда вызывается функция интервала, цикл for завершен.

Как я могу сделать интервал получать индекс for-loop, который находится на , теперь, вместо того, чтобы установить его на последний индекс for-loop?

Answer 1

Добавив закрытие. Как это:

for(var i=0; i<n; i++){ 
    (function(i){ 
     loops.push(setInterval(function(){ 
     showNext(i); 
     }, 5000)); 
    })(i); 
} 

Таким образом, внутренняя i отличается от внешнего. Это то же самое, но более понятно:

for(var i=0; i<n; i++){ 
    (function(x){ 
     loops.push(setInterval(function(){ 
     showNext(x); 
     }, 5000)); 
    })(i); 
} 

Таким образом, есть другой x за цикл цикла. Поскольку он больше не используется, он не перезаписывается.

Приветствия, от Ла-Пас, Боливия

Answer 2

Вы можете связать i в качестве аргумента в вашей функции:

loops.push(setInterval(showNext.bind(this, i), 5000)); 

Fiddle

_{^{Вы уверены, что с помощью setInterval вместо setTimeout?}}

Answer 3

Использование Function.prototype.bind() намного прост:

// the first parameter of bind is not important in this case. 
loops.push(setInterval(showNext.bind(this, i), 5000)); 

.bind Примечание нужен Polyfill для старых браузеров.