如何將參數傳遞給setTimeout調用中定義的匿名函數？

Question

這是我的代碼：

function addRcd2(timeOut){  
  for(var c=0; c less 5; c++){
    var rcdi = "rcd_"+c+"";
    setTimeout(function(){
      $('.tbl1 tbody').append(rcdi);
    },timeOut*c);
  }
}

此代碼的輸出是一個表，其行具有相同的文本rcd_5 。

我的目標是讓表行具有不同的記錄rcd_1 ，...， rcd_5 。

有任何想法嗎？

Answer 1

典型地在循環問題中創建函數 。 傳遞給setTimeout所有閉包都引用了相同的 rcdi變量。 在循環內定義變量與在外部定義變量相同：

var rcdi;
for(var c=0; c < 5; c++){
    rcdi = "rcd_"+c+"";
    // ...
}

這使得你在這里只處理一個變量更加明顯。

您必須引入一個新的范圍，在JavaScript中只能通過函數實現：

function getCallback(val) {
    return function(){
      $('.tbl1 tbody').append(val);
    };
}

function addRcd2(timeOut){  
  for(var c=0; c < 5; c++){
    setTimeout(getCallback("rcd_"+c),timeOut*c);
  }
}

正如您在其他答案中看到的那樣，您也可以使用即時功能 。 使用您覺得更具可讀性的內容。

Answer 2

function addRcd2(timeOut){  
  for(var c=0; c less 5; c++){
    var rcdi = "rcd_"+c+"";
    setTimeout((function(x) {
      return function(){
        $('.tbl1 tbody').append(x);
      };
    })(rcdi),timeOut*c);
  }
}