我有一些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)函数在一段时间后被调用。 我该怎么办?
当前回答
由于IE中的第三个可选参数有问题，并且使用闭包阻止我们改变变量(例如在循环中)，但仍然达到预期的结果，我建议以下解决方案。
我们可以尝试像这样使用递归:
var i = 0;
var hellos = ["Hello World1!", "Hello World2!", "Hello World3!", "Hello World4!", "Hello World5!"];
if(hellos.length > 0) timeout();
function timeout() {
document.write('<p>' + hellos[i] + '<p>');
i++;
if (i < hellos.length)
setTimeout(timeout, 500);
}
我们需要确保没有其他东西改变这些变量，并且我们写了一个适当的递归条件来避免无限递归。
其他回答
由于IE中的第三个可选参数有问题，并且使用闭包阻止我们改变变量(例如在循环中)，但仍然达到预期的结果，我建议以下解决方案。
我们可以尝试像这样使用递归:
var i = 0;
var hellos = ["Hello World1!", "Hello World2!", "Hello World3!", "Hello World4!", "Hello World5!"];
if(hellos.length > 0) timeout();
function timeout() {
document.write('<p>' + hellos[i] + '<p>');
i++;
if (i < hellos.length)
setTimeout(timeout, 500);
}
我们需要确保没有其他东西改变这些变量，并且我们写了一个适当的递归条件来避免无限递归。
我知道它很老了，但我想加入我喜欢的味道。
我认为实现这一点的一种相当易读的方法是将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);
请注意，topicId在错误消息中“未定义”的原因是在执行setTimeout时它作为一个局部变量存在，而在延迟调用postinsql时不存在。变量生存期尤其重要，特别是在尝试将“this”作为对象引用传递时。
我听说您可以将topicId作为第三个参数传递给setTimeout函数。没有给出太多细节，但我得到了足够的信息来让它工作，它在Safari中是成功的。我不知道他们所说的“毫秒误差”是什么意思。看看这里:
http://www.howtocreate.co.uk/tutorials/javascript/timers
setTimeout(function() {
postinsql(topicId);
}, 4000)
您需要将匿名函数作为参数而不是字符串提供，根据ECMAScript规范，后一种方法甚至不应该工作，但浏览器只是宽容。这是正确的解决方案，当使用setTimeout()或setInterval()时，不要依赖于传递字符串作为“函数”，它更慢，因为它必须被计算，这是不正确的。
更新:
正如Hobblin在他对问题的评论中所说，现在你可以使用function .prototype.bind()将参数传递给setTimeout内的函数。
例子:
setTimeout(postinsql.bind(null, topicId), 4000);
我的回答:
setTimeout((function(topicId) {
return function() {
postinsql(topicId);
};
})(topicId), 4000);
解释:
创建的匿名函数返回另一个匿名函数。该函数可以访问最初传递的topicId，因此不会出错。第一个匿名函数被立即调用，并传入topicId，因此具有延迟的注册函数在调用时可以通过闭包访问topicId。
OR
这基本上可以转换为:
setTimeout(function() {
postinsql(topicId); // topicId inside higher scope (passed to returning function)
}, 4000);
编辑:我看到了同样的答案，所以看看他的。但我没有偷他的答案!我只是忘了看。阅读解释，看看它是否有助于理解代码。
