Как захватить локальную переменные асинхронный обратный вызов

Question

У меня есть этот for цикл:

for(var i = 0; i < characters.length; i++) 
{ 
    var character = characters[i]; 
    charService.get(character.name).then(function (characterData) 
    { 
     //I want character to be captured here, i.e. the character in the current loop 
     character.data = characterData; 
    }); 
} 

Как charService.get() асинхронные, к тому времени, обратный вызов выполняется, character является последним элементом массива (потому что петли), поэтому все предыдущие character остались без данных.

Как я могу гарантировать, что character.data внутри обратного вызова ссылается на character цикла, выполнялся асинхронный метод?

Answer 1

Попробуйте использовать Function.prototype.bind() в .then() функции, установите character

for(var i = 0; i < characters.length; i++) 
{ 
    var character = characters[i]; 
    charService.get(character.name).then(function (characterData) 
    { 
     //I want character to be captured here, i.e. the character in the current loop 
     this.data = characterData; 
    }.bind(character)); 
} 

Answer 2

Вы можете обернуть его в функцию

for(var i = 0; i < characters.length; i++) 
{ 
    (function(character){ 
    charService.get(character.name).then(function (characterData) 
    { 
     //I want character to be captured here, i.e. the character in the current loop 
     character.data = characterData; 
    }); 
    })(characters[i]); 
}