ループ内のコールバック関数

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

なぜ誰かがクロージャーfuncを説明できますか。 ClassName "cPressCuttingsDisplay00"は常に正常に追加されますが、次のループ反復のclassNameが "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); 
}