Как убедиться, что переменная объем поддерживается в этом цикле

Question

Можно создать дубликат:
Javascript closure inside loops - simple practical example

У меня есть цикл с image.onload вызова, как так:

for (var i = 0; i < array.length; i++){ 
    var item = array[i] 
    , image = new Image(); 

    image.onload = function(){ 
    // do something with 'item' 
    } 
    image.src = url; 
} 

Поскольку я не знаю, когда срабатывает функция onload, я считаю, что t hat item переписывается. Как я могу убедиться, что каждая функция onload запускается с переменной item, ссылающейся на данные, которые она делает в момент привязки функции к событию onload?

Answer 1

Это должно сработать.

image.onload = function(item){ 
    return function(){ 
     // do something with 'item' 
    }(item); 
}; 

То, что вы хотите сделать, это создать «сферу», так что, когда функция события вызывается, то closure приносит значение, которое вы хотите с ним.

Answer 2

Используйте IIFE для возврата функции, которая использует текущий элемент

image.onload = (function(param){ 
    return function(){ 
    //do something with 'param' 
    } 
    })(item);