循環內的回調函數

Question

我真的在範圍的概念掙扎在我的代碼。

我只是試圖創建一個'回調'函數，它將一個className添加到一個變量。因爲它在函數內部，所以我使用閉包的概念將全局變量作爲參數傳遞給回調函數（仍然不理解閉包的工作原理）。

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); 
    } 
} 

有人可以解釋爲什麼關閉功能。沒有正確執行，即它總是成功地添加className「cPressCuttingsDisplay00」，但不會在下一次循環迭代時使用「cPressCuttingsDisplay01」的className。

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); 
}