функция обратного вызова в цикле

Question

Я действительно борюсь с концепцией области видимости в своем коде.

Я просто пытаюсь создать функцию «обратного вызова», которая добавит имя класса к переменной. Поскольку он находится внутри функции, я передаю глобальную переменную в качестве параметров функции обратного вызова, используя концепцию закрытия (все еще не понимаю, как работает замыкание).

var ePressCuttingsArray = $(".cPressCuttings"); 
var eSelectedPressCuttingsArray = []; 
var iIndexArray = []; 
for (var i = 0; i < 7; i++) { 
    var iIndexArrayValue; 
    // two conditions being checked in while loop, if random no. is not in global array (iIndexArray) & i var is equal to eSelectedPress... array 
    while (jQuery.inArray(((iIndexArrayValue = Math.floor(Math.random() * 14) + 1), iIndexArray) === -1) 
     && (i === eSelectedPressCuttingsArray.length)) 
    { 
     // to push a value at a position from array ePressCut... into eSelectedPress... array 
     eSelectedPressCuttingsArray.push(ePressCuttingsArray[iIndexArrayValue]); 
     // run a function to addClass to the recently pushed value in eSelectedPress... array 
     (function (i) { 
      $(eSelectedPressCuttingsArray[i]).addClass("cPressCuttingsDisplay0" + i) 
     } (i)); 
     iIndexArray.push(iIndexArrayValue); 
    } 
} 

Может кто-нибудь объяснить, почему функция закрытия. выполняется неправильно, т. е. он всегда успешно добавляет имя класса «cPressCuttingsDisplay00», но не следует за этим с классомName «cPressCuttingsDisplay01» для следующей итерации цикла.

Answer 1

Вы должны быть в состоянии достигнуть своей цели, используя for цикл:

var ePressCuttingsArray = $(".cPressCuttings").makeArray(); 
var eSelectedPressCuttingsArray = []; 
for (var i = 0; i < 7; i++) { 
    var idx = Math.floor(Math.random() * ePressCuttingsArray.length); 
    var selectedItem = ePressCuttingsArray[idx]; 
    selectedItem.addClass('cPressCuttingsDisplay0' + i); 
    eSelectedPressCuttingsArray.push(selectedItem); 
    ePressCuttingsArray.splice(idx, 1); 
}