如何将for循环中的值传递给settimeout函数

Question

以下是我的javascript代码:

function showBranch_init() {
    var id_arr = ["jdc_b1","jdc_b2","jdc_b3","jdc_b4"];
    for(a=0;a<id_arr.length;a++){
        timeoutID = window.setTimeout(function() {

            showBranch(id_arr[a]); // <-- Right here

        }, 500);
    }
}

我怎样才能传递id_arr[a]给showBranchfuncion 的值？

目前上面的代码返回null了id_arr[a]

Answer 1

通过为每个迭代步骤引入一个新的作用域(通过函数调用),您可以像这样传递参数:

function showBranch_init() {
    var id_arr = ["jdc_b1","jdc_b2","jdc_b3","jdc_b4"];
    for(a=0;a<id_arr.length;a++){
        (function(i) {
            timeoutID = window.setTimeout(function() {
                showBranch(id_arr[i]); // <-- Right here
            }, 500*i);
         })(a);
    }
}

• 更新为以500ms步骤填充第二个req:showBranch().