循环内的回调函数

时间:2012-01-20 03:10:33

标签: javascript callback scope closures

我在代码中的范围概念真的很挣扎。

我只是想创建一个'callback'函数,它将一个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”,但在下一次循环迭代中没有使用className为“cPressCuttingsDisplay01”。

1 个答案:

答案 0 :(得分: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);
}