我有一些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("postinsql(" + topicId + ")", 4000);
其他回答
在现代浏览器(ie IE11及以上)中，“setTimeout”接收第三个参数，该参数在计时器结束时作为参数发送给内部函数。
例子:
var hello = " hello World"; setTimeout(alert, 1000, hello);
更多的细节:
https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers.setTimeout http://arguments.callee.info/2008/11/10/passing-arguments-to-settimeout-and-setinterval/
请注意，topicId在错误消息中“未定义”的原因是在执行setTimeout时它作为一个局部变量存在，而在延迟调用postinsql时不存在。变量生存期尤其重要，特别是在尝试将“this”作为对象引用传递时。
我听说您可以将topicId作为第三个参数传递给setTimeout函数。没有给出太多细节，但我得到了足够的信息来让它工作，它在Safari中是成功的。我不知道他们所说的“毫秒误差”是什么意思。看看这里:
http://www.howtocreate.co.uk/tutorials/javascript/timers
有些答案是正确的，但令人费解。
四年后，我再次回答这个问题，因为我仍然会遇到过于复杂的代码来解决这个问题。有一个优雅的解决方案。
首先，在调用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对象可能就不一样了。因此，预绑定变量非常重要。
我知道它很老了，但我想加入我喜欢的味道。
我认为实现这一点的一种相当易读的方法是将topicId传递给一个函数，该函数反过来使用参数在内部引用主题ID。即使外部的topicId不久后将被更改，该值也不会改变。
var topicId = xmlhttp.responseText;
var fDelayed = function(tid) {
return function() {
postinsql(tid);
};
}
setTimeout(fDelayed(topicId),4000);
或短:
var topicId = xmlhttp.responseText;
setTimeout(function(tid) {
return function() { postinsql(tid); };
}(topicId), 4000);
Hobblin已经就这个问题发表了评论，但它确实应该是一个答案!
使用Function.prototype.bind()是最干净和最灵活的方法(能够设置this上下文的额外奖励):
setTimeout(postinsql.bind(null, topicId), 4000);
欲了解更多信息，请参阅这些MDN链接: https://developer.mozilla.org/en/docs/DOM/window.setTimeout#highlighter_547041 https://developer.mozilla.org/en/docs/JavaScript/Reference/Global_Objects/Function/bind#With_setTimeout
