我有一些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)函数在一段时间后被调用。 我该怎么办?
当前回答
如果你想传递变量作为参数，让我们试试这个
如果要求是函数和var作为帕尔马，那么试试这个
setTimeout((param1,param2) => {
alert(param1 + param2);
postinsql(topicId);
},2000,'msg1', 'msg2')
如果要求只是变量作为参数，那么试试这个 setTimeout((param1,param2) =>{警报(param1 + param2)}，2000，' ms1 '， ' ms2 ')
你可以在ES5和ES6上尝试
其他回答
David Meister的回答似乎考虑到了在调用setTimeout()之后、匿名函数调用之前可能立即改变的参数。但这太麻烦了，而且不太明显。我发现了一种优雅的方法，可以使用IIFE(立即调用的函数表达式)完成几乎相同的事情。
在下面的示例中，currentList变量被传递给IIFE, IIFE将其保存在闭包中，直到调用延迟函数。即使变量currentList在代码显示后立即改变，setInterval()也会做正确的事情。
如果没有这种IIFE技术，setTimeout()函数肯定会为DOM中的每个h2元素调用，但所有这些调用都只能看到最后一个h2元素的文本值。
<script>
// Wait for the document to load.
$(document).ready(function() {
$("h2").each(function (index) {
currentList = $(this).text();
(function (param1, param2) {
setTimeout(function() {
$("span").text(param1 + ' : ' + param2 );
}, param1 * 1000);
})(index, currentList);
});
</script>
这是一个已经有“正确”答案的老问题，但我想我要提到另一种没有人在这里提到过的方法。这是从优秀的下划线库复制和粘贴:
_.delay = function(func, wait) {
var args = slice.call(arguments, 2);
return setTimeout(function(){ return func.apply(null, args); }, wait);
};
你可以传递尽可能多的参数给setTimeout调用的函数，作为一个额外的奖励(好吧，通常是一个奖励)，传递给你的函数的参数的值在你调用setTimeout时被冻结，所以如果它们在setTimeout()被调用和超时之间的某个点上改变了值，嗯…这已经不再令人沮丧了:)
这里有一把小提琴，你可以明白我的意思。
@Jiri Vetyska感谢你的帖子，但你的例子有问题。 我需要传递的目标是悬停(这)到一个超时函数，我尝试了你的方法。在IE9测试-不工作。 我也做了一些研究，这里指出的第三个参数是使用的脚本语言。没有提到额外的参数。
所以，我遵循@meder的答案，用这段代码解决了我的问题:
$('.targetItemClass').hover(ItemHoverIn, ItemHoverOut);
function ItemHoverIn() {
//some code here
}
function ItemHoverOut() {
var THIS = this;
setTimeout(
function () { ItemHoverOut_timeout(THIS); },
100
);
}
function ItemHoverOut_timeout(target) {
//do something with target which is hovered out
}
霍普，这对别人有用。
由于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);
}
我们需要确保没有其他东西改变这些变量，并且我们写了一个适当的递归条件来避免无限递归。
在做了一些研究和测试之后，唯一正确的实现是:
setTimeout(yourFunctionReference, 4000, param1, param2, paramN);
setTimeout将所有额外的参数传递给你的函数，以便在那里处理它们。
匿名函数可以用于非常基本的东西，但在一个对象的实例中，你必须使用“this”，没有办法使它工作。 任何匿名函数都会将“this”更改为指向窗口，因此您将失去对象引用。
