javascript - 函数接收值未定义

Question

我有一个超时调用函数，直到 100% 进度完成。然后它执行我分配给它的功能。只有赋予它的值是未定义的或至少是其中的一部分。

我不确定代码在哪个阶段丢失了传递的值，从而使其返回 undefined 但我已经用它制作了一个 JS Fiddle 供您查看:

JS Fiddle

我的最终结果是收到正确的值，然后像这样删除给定的元素:

function rmv_div(div_id) {
   //div_id is not properly defined so cannot find the div.
    document.getElementById('result').innerHTML = div_id;
    var div = document.getElementById(div_id);
    div.parentNode.removeChild(div);
}

Answer 1

问题在于 func 中使用的变量 i 是在该函数范围之外创建的，并且在每次迭代时都会增加。然后，当你最后调用func时，i等于array.length，所以array[i]是未定义。

您可以解决它，在每次迭代时创建另一个您不会增加的变量:

解决方案 1:

演示: http://jsfiddle.net/qJ42h/4/ http://jsfiddle.net/qJ42h/11/

for (var i = 0; i < array.length; i++) {
    var bar = document.getElementById('bar' + array[i]),
        text = document.getElementById('text' + array[i]),
        remove = 'wrap' + array[i],
        j = i;
    do_something(bar, text, function () {
        rmv_div('id' + array[j]);
    }, 1);

}

方案二

演示: http://jsfiddle.net/qJ42h/8/ http://jsfiddle.net/qJ42h/12/

for (var i = 0; i < array.length; i++) {
    var bar = document.getElementById('bar' + array[i]),
        text = document.getElementById('text' + array[i]),
        remove = 'wrap' + array[i];
    do_something(bar, text, (function(i) {
        return function(){ rmv_div('id' + array[i]); }
    })(i), 1);
}