如何将参数传递给setTimeout()回调?

我有一些JavaScript代码，看起来像:

function statechangedPostQuestion()
{
  //alert("statechangedPostQuestion");
  if (xmlhttp.readyState==4)
  {
    var topicId = xmlhttp.responseText;
    setTimeout("postinsql(topicId)",4000);
  }
}

function postinsql(topicId)
{
  //alert(topicId);
}

我得到一个错误，topicId没有定义在我使用setTimeout()函数之前，一切都在工作。

我希望我的postinsql(topicId)函数在一段时间后被调用。我该怎么办?

当前回答

有些答案是正确的，但令人费解。

四年后，我再次回答这个问题，因为我仍然会遇到过于复杂的代码来解决这个问题。有一个优雅的解决方案。

首先，在调用setTimeout时不要传入一个字符串作为第一个参数，因为它有效地调用了对缓慢的“eval”函数的调用。

那么如何将参数传递给超时函数呢?通过使用闭包:

settopic=function(topicid){
  setTimeout(function(){
    //thanks to closure, topicid is visible here
    postinsql(topicid);
  },4000);
}

...
if (xhr.readyState==4){
  settopic(xhr.responseText);
}

一些人建议在调用timeout函数时使用匿名函数:

if (xhr.readyState==4){
  setTimeout(function(){
    settopic(xhr.responseText);
  },4000);
}

语法是正确的。但是当settopic被调用时，也就是4秒之后，XHR对象可能就不一样了。因此，预绑定变量非常重要。

2014-01-19 06:00:29

其他回答

在做了一些研究和测试之后，唯一正确的实现是:

setTimeout(yourFunctionReference, 4000, param1, param2, paramN);

setTimeout将所有额外的参数传递给你的函数，以便在那里处理它们。

匿名函数可以用于非常基本的东西，但在一个对象的实例中，你必须使用“this”，没有办法使它工作。任何匿名函数都会将“this”更改为指向窗口，因此您将失去对象引用。

2012-10-30 22:08:46

我认为你想要:

setTimeout("postinsql(" + topicId + ")", 4000);

2009-07-27 21:16:58

setTimeout是WHAT WG定义的DOM的一部分。

https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html

方法为:-

Handle = self。setTimeout(处理程序[，timeout[，参数…]]) 在超时毫秒后安排一个超时运行处理程序。任何参数直接传递给处理程序。

setTimeout(postinsql, 4000, topicId);

显然，IE10支持额外的参数。或者，您也可以使用setTimeout(postinsql。bind(null, topicId)， 4000);，但是传递额外的参数更简单，这是更可取的。

历史事实:在VBScript时代，在JScript中，setTimeout的第三个参数是语言，作为一个字符串，默认为“JScript”，但可以选择使用“VBScript”。https://learn.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/aa741500 (v % 3 dvs.85)

2019-11-27 23:09:09

setTimeout(function() {
    postinsql(topicId);
}, 4000)

您需要将匿名函数作为参数而不是字符串提供，根据ECMAScript规范，后一种方法甚至不应该工作，但浏览器只是宽容。这是正确的解决方案，当使用setTimeout()或setInterval()时，不要依赖于传递字符串作为“函数”，它更慢，因为它必须被计算，这是不正确的。

更新:

正如Hobblin在他对问题的评论中所说，现在你可以使用function .prototype.bind()将参数传递给setTimeout内的函数。

例子:

setTimeout(postinsql.bind(null, topicId), 4000);

2009-07-27 21:15:26