我有一些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(function() {
postinsql(topicId);
}, 4000)
您需要将匿名函数作为参数而不是字符串提供，后一种方法甚至不应该按照ECMAScript规范工作，但浏览器只是宽松的。这是正确的解决方案，在使用setTimeout()或setInterval()时，不要依赖于将字符串作为“函数”传递，它的速度较慢，因为它必须进行评估而且不正确。
更新：
正如Hobblin在对该问题的评论中所说，现在你可以使用Function.prototype.bind()将参数传递给setTimeout中的函数
例：
setTimeout(postinsql.bind(null, topicId), 4000);
支持setTimeout中参数的最简单的跨浏览器解决方案：
setTimeout(function() {
postinsql(topicId);
}, 4000)
如果您不介意不支持IE 9及更低版本：
setTimeout(postinsql, 4000, topicId);
https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout
我知道它已经老了，但我想加入我的（首选）味道。
我认为实现这一目标的一种非常易读的方法是将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);
David Meister的回答似乎处理了在调用setTimeout（）之后但在调用匿名函数之前可能立即更改的参数。但它太麻烦而且不太明显。我发现了一种使用IIFE（立即调用函数表达式）做同样事情的优雅方式。
在下面的示例中，currentList变量被传递给IIFE，后者将其保存在闭包中，直到调用延迟函数。即使变量currentList在显示的代码之后立即改变，setInterval()也会做正确的事情。
如果没有这种IIFE技术，肯定会为DOM中的每个setTimeout()元素调用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>
这适用于所有浏览器（IE是一个古怪的球）
setTimeout( (function(x) {
return function() {
postinsql(x);
};
})(topicId) , 4000);
请注意，对于错误消息，topicId“未定义”的原因是它在执行setTimeout时作为局部变量存在，但在发生对postinsql的延迟调用时则不存在。可变寿命对于注意尤为重要，特别是在尝试将“this”作为对象引用时。
我听说你可以将topicId作为第三个参数传递给setTimeout函数。没有给出太多细节但是我得到了足够的信息来使它工作，并且它在Safari中很成功。我不知道他们对“毫秒错误”的意思。看看这里：
我是如何解决这个阶段的？
就像那样：
setTimeout((function(_deepFunction ,_deepData){
var _deepResultFunction = function _deepResultFunction(){
_deepFunction(_deepData);
};
return _deepResultFunction;
})(fromOuterFunction, fromOuterData ) , 1000 );
setTimeout等待对函数的引用，所以我在一个闭包中创建它，它解释我的数据并返回一个具有良好数据实例的函数！
也许你可以改进这部分：
_deepFunction(_deepData);
// change to something like :
_deepFunction.apply(contextFromParams , args);
我在chrome，firefox和IE上测试它并且它执行得很好，我不知道性能但我需要它才能工作。
样本测试：
myDelay_function = function(fn , params , ctxt , _time){
setTimeout((function(_deepFunction ,_deepData, _deepCtxt){
var _deepResultFunction = function _deepResultFunction(){
//_deepFunction(_deepData);
_deepFunction.call( _deepCtxt , _deepData);
};
return _deepResultFunction;
})(fn , params , ctxt)
, _time)
};
// the function to be used :
myFunc = function(param){ console.log(param + this.name) }
// note that we call this.name
// a context object :
myObjet = {
id : "myId" ,
name : "myName"
}
// setting a parmeter
myParamter = "I am the outer parameter : ";
//and now let's make the call :
myDelay_function(myFunc , myParamter , myObjet , 1000)
// this will produce this result on the console line :
// I am the outer parameter : myName
也许您可以更改签名以使其更符合要求：
myNass_setTimeOut = function (fn , _time , params , ctxt ){
return setTimeout((function(_deepFunction ,_deepData, _deepCtxt){
var _deepResultFunction = function _deepResultFunction(){
//_deepFunction(_deepData);
_deepFunction.apply( _deepCtxt , _deepData);
};
return _deepResultFunction;
})(fn , params , ctxt)
, _time)
};
// and try again :
for(var i=0; i<10; i++){
myNass_setTimeOut(console.log ,1000 , [i] , console)
}
最后回答原来的问题：
myNass_setTimeOut( postinsql, 4000, topicId );
希望它可以帮助！
ps：抱歉，但英语不是我的母语！
通常，如果需要将函数作为具有特定参数的回调传递，则可以使用更高阶函数。这与ES6非常优雅：
const someFunction = (params) => () => {
//do whatever
};
setTimeout(someFunction(params), 1000);
或者如果someFunction是第一个订单：
setTimeout(() => someFunction(params), 1000);
如果你想传递变量作为参数让我们试试这个
如果要求是函数而var是parmas，那么试试这个
setTimeout((param1,param2) => {
alert(param1 + param2);
postinsql(topicId);
},2000,'msg1', 'msg2')
如果需求只是变量作为参数，那么试试这个
setTimeout((param1,param2) => { alert(param1 + param2) },2000,'msg1', 'msg2')您可以使用ES5和ES6进行尝试
您可以尝试使用'apply（）'这样的默认功能，您可以在数组中传递更多数量的参数作为您的要求
function postinsql(topicId)
{
//alert(topicId);
}
setTimeout(
postinsql.apply(window,["mytopic"])
,500);
@Jiri Vetyska感谢你的帖子，但是你的例子有些不对劲。我需要将目标悬停（这个）传递给超时功能，我尝试了你的方法。在IE9中测试 - 不起作用。我也进行了一些研究，看起来像here指出的第三个参数是正在使用的脚本语言。没有提及其他参数。
所以，我跟着@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
}
希望，这对其他人有用。
在现代浏览器中，“setTimeout”接收第三个参数，该参数作为参数发送到计时器末尾的内部函数。
例：
var hello = "Hello World";
setTimeout(alert, 1000, hello);更多细节：
由于IE中的第三个optonal参数存在问题，并且使用闭包阻止我们更改变量（例如在循环中）并且仍然实现期望的结果，我建议以下解决方案。
我们可以尝试使用这样的递归：
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);
}
我们需要确保没有其他任何改变这些变量，并且我们编写适当的递归条件以避免无限递归。
//这是三个非常简单明了的答案：
function fun() {
console.log(this.prop1, this.prop2, this.prop3);
}
let obj = { prop1: 'one', prop2: 'two', prop3: 'three' };
let bound = fun.bind(obj);
setTimeout(bound, 3000);
// or
function funOut(par1, par2, par3) {
return function() {
console.log(par1, par2, par3);
}
};
setTimeout(funOut('one', 'two', 'three'), 5000);
// or
let funny = function(a, b, c) { console.log(a, b, c); };
setTimeout(funny, 2000, 'hello', 'worldly', 'people');
您可以将参数传递给setTimeout回调函数，如下所示：
setTimeout（function，milliseconds，param1，param2，...）
例如。
function myFunction() {
setTimeout(alertMsg, 3000, "Hello");
}
function alertMsg(message) {
alert(message)
}
我想你想要：
setTimeout("postinsql(" + topicId + ")", 4000);
//这是三个非常简单明了的答案：
function fun() {
console.log(this.prop1, this.prop2, this.prop3);
}
let obj = { prop1: 'one', prop2: 'two', prop3: 'three' };
let bound = fun.bind(obj);
setTimeout(bound, 3000);
// or
function funOut(par1, par2, par3) {
return function() {
console.log(par1, par2, par3);
}
};
setTimeout(funOut('one', 'two', 'three'), 5000);
// or
let funny = function(a, b, c) { console.log(a, b, c); };
setTimeout(funny, 2000, 'hello', 'worldly', 'people');
在做了一些研究和测试之后，唯一正确的实现是：
setTimeout(yourFunctionReference, 4000, param1, param2, paramN);
setTimeout会将所有额外参数传递给您的函数，以便在那里处理它们。
匿名函数可以用于非常基本的东西，但是在你必须使用“this”的对象的实例中，没有办法让它工作。任何匿名函数都会将“this”更改为指向窗口，因此您将丢失对象引用。
这是一个非常古老的问题，已有“正确”的答案，但我想我会提到另一种方法，没有人在这里提到过。这是从优秀的underscore库复制和粘贴：
_.delay = function(func, wait) {
var args = slice.call(arguments, 2);
return setTimeout(function(){ return func.apply(null, args); }, wait);
};
您可以将所需的参数传递给setTimeout调用的函数，并作为额外的奖励（好吧，通常是奖金），当您调用setTimeout时，传递给函数的参数值将被冻结，因此如果它们更改了值在调用setTimeout（）和超时之间的某个时刻，好吧......那不再那么令人沮丧了:)
Here's a fiddle，你可以看到我的意思。
我最近遇到了需要在循环中使用setTimeout的独特情况。理解这一点可以帮助您了解如何将参数传递给setTimeout。
方法1
根据Sukima的forEach使用Object.keys和suggestion：
var testObject = {
prop1: 'test1',
prop2: 'test2',
prop3: 'test3'
};
Object.keys(testObject).forEach(function(propertyName, i) {
setTimeout(function() {
console.log(testObject[propertyName]);
}, i * 1000);
});
我推荐这种方法。
方法2
使用bind：
var i = 0;
for (var propertyName in testObject) {
setTimeout(function(propertyName) {
console.log(testObject[propertyName]);
}.bind(this, propertyName), i++ * 1000);
}
的jsfiddle：http://jsfiddle.net/MsBkW/
方法3
或者，如果你不能使用forEach或bind，请使用IIFE：
var i = 0;
for (var propertyName in testObject) {
setTimeout((function(propertyName) {
return function() {
console.log(testObject[propertyName]);
};
})(propertyName), i++ * 1000);
}
方法4
但如果你不关心IE <10，那么你可以使用Fabio的suggestion：
var i = 0;
for (var propertyName in testObject) {
setTimeout(function(propertyName) {
console.log(testObject[propertyName]);
}, i++ * 1000, propertyName);
}
方法5（ES6）
使用块范围变量：
let i = 0;
for (let propertyName in testObject) {
setTimeout(() => console.log(testObject[propertyName]), i++ * 1000);
}
虽然我仍然建议在ES6中使用Object.keys和forEach。
霍布林已就这个问题对此进行了评论，但这应该是一个答案！
使用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
一些答案是正确的，但令人费解。
4年后我再次回答这个问题，因为我仍然遇到过于复杂的代码来解决这个问题。有一个优雅的解决方案。
首先，在调用setTimeout时不要传入一个字符串作为第一个参数，因为它有效地调用了对慢速“eval”函数的调用。
那么我们如何将参数传递给超时函数呢？通过使用闭包：
settopic=function(topicid){
setTimeout(function(){
//thanks to closure, topicid is visible here
postinsql(topicid);
},4000);
}
...
if (xhr.readyState==4){
settopic(xhr.responseText);
}
有些人建议在调用超时函数时使用匿名函数：
if (xhr.readyState==4){
setTimeout(function(){
settopic(xhr.responseText);
},4000);
}
语法解决了。但是当调用settopic时，即4秒后，XHR对象可能不同。因此对pre-bind the variables来说很重要。
我的答案：
setTimeout((function(topicId) {
return function() {
postinsql(topicId);
};
})(topicId), 4000);
说明：
创建的匿名函数返回另一个匿名函数。此函数可以访问最初传递的
topicId，因此不会出错。第一个匿名函数立即被调用，传入topicId，因此具有延迟的注册函数可以在调用时通过闭包访问topicId。
要么
这基本上转换为：
setTimeout(function() {
postinsql(topicId); // topicId inside higher scope (passed to returning function)
}, 4000);
编辑：我看到了同样的答案，所以看看他的。但我没有偷他的答案！我只是忘了看。阅读说明，看看它是否有助于理解代码。
更换
setTimeout("postinsql(topicId)", 4000);
同
setTimeout("postinsql(" + topicId + ")", 4000);
或者更好的是，用匿名函数替换字符串表达式
setTimeout(function () { postinsql(topicId); }, 4000);
编辑：
Brownstone的评论不正确，这将按预期工作，如在Firebug控制台中运行它所证明的那样
(function() {
function postinsql(id) {
console.log(id);
}
var topicId = 3
window.setTimeout("postinsql(" + topicId + ")",4000); // outputs 3 after 4 seconds
})();
请注意，我同意其他人的意见，你应该避免将字符串传递给setTimeout，因为这会在字符串上调用eval()而是传递一个函数。