我有一些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的独特情况。理解这一点可以帮助您理解如何将参数传递给setTimeout。
方法1
使用forEach和Object。根据Sukima的建议:
var testObject = {
prop1: 'test1',
prop2: 'test2',
prop3: 'test3'
};
Object.keys(testObject).forEach(function(propertyName, i) {
setTimeout(function() {
console.log(testObject[propertyName]);
}, i * 1000);
});
我推荐这个方法。
方法2
使用绑定:
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的建议:
var i = 0;
for (var propertyName in testObject) {
setTimeout(function(propertyName) {
console.log(testObject[propertyName]);
}, i++ * 1000, propertyName);
}
方法五(ES6)
使用块作用域变量:
let i = 0;
for (let propertyName in testObject) {
setTimeout(() => console.log(testObject[propertyName]), i++ * 1000);
}
不过我还是推荐使用Object。在ES6中使用forEach键。
其他回答
我知道它很老了，但我想加入我喜欢的味道。
我认为实现这一点的一种相当易读的方法是将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);
你可以将参数传递给setTimeout回调函数，如下所示:
setTimeout(函数，毫秒，param1, param2，…)
eg.
function myFunction() {
setTimeout(alertMsg, 3000, "Hello");
}
function alertMsg(message) {
alert(message)
}
在做了一些研究和测试之后，唯一正确的实现是:
setTimeout(yourFunctionReference, 4000, param1, param2, paramN);
setTimeout将所有额外的参数传递给你的函数，以便在那里处理它们。
匿名函数可以用于非常基本的东西，但在一个对象的实例中，你必须使用“this”，没有办法使它工作。 任何匿名函数都会将“this”更改为指向窗口，因此您将失去对象引用。
如果你想传递变量作为参数，让我们试试这个
如果要求是函数和var作为帕尔马，那么试试这个
setTimeout((param1,param2) => {
alert(param1 + param2);
postinsql(topicId);
},2000,'msg1', 'msg2')
如果要求只是变量作为参数，那么试试这个 setTimeout((param1,param2) =>{警报(param1 + param2)}，2000，' ms1 '， ' ms2 ')
你可以在ES5和ES6上尝试
一般来说，如果需要将函数作为带有特定参数的回调函数传递，则可以使用高阶函数。这在ES6中是非常优雅的:
const someFunction = (params) => () => {
//do whatever
};
setTimeout(someFunction(params), 1000);
或者如果someFunction是一阶的:
setTimeout(() => someFunction(params), 1000);
