値渡しとしてjavascriptコールバック/ Clousureに値を渡す方法

Question

コールバックに整数値iを渡そうとしていますが、のiが参照として使用可能であるため、期待どおりに機能しません。

for (var i = this.texturesPath.length - 1; i >= 0; i--) { 

var textureIndex = i; 


loader.load(baseTexturePath + this.texturesPath[i], function(texture) { 

    scope.textures[textureIndex] = texture; 
}); 

このシナリオの解決策/アプローチは何ですか。

Answer 1

これはIIFEが必要なため、iを「保存」できます。

for (var i = this.texturesPath.length - 1; i >= 0; i--) { 
    (function (index){ 
    loader.load(baseTexturePath + this.texturesPath[index], function(texture){ 
     scope.textures[index] = texture; 
    }) 
    })(i) 
}