我有一些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)函数在一段时间后被调用。 我该怎么办?
当前回答
一般来说，如果需要将函数作为带有特定参数的回调函数传递，则可以使用高阶函数。这在ES6中是非常优雅的:
const someFunction = (params) => () => {
//do whatever
};
setTimeout(someFunction(params), 1000);
或者如果someFunction是一阶的:
setTimeout(() => someFunction(params), 1000);
其他回答
一般来说，如果需要将函数作为带有特定参数的回调函数传递，则可以使用高阶函数。这在ES6中是非常优雅的:
const someFunction = (params) => () => {
//do whatever
};
setTimeout(someFunction(params), 1000);
或者如果someFunction是一阶的:
setTimeout(() => someFunction(params), 1000);
//这是三个非常简单明了的答案:
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');
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
setTimeout(function() {
postinsql(topicId);
}, 4000)
您需要将匿名函数作为参数而不是字符串提供，根据ECMAScript规范，后一种方法甚至不应该工作，但浏览器只是宽容。这是正确的解决方案，当使用setTimeout()或setInterval()时，不要依赖于传递字符串作为“函数”，它更慢，因为它必须被计算，这是不正确的。
更新:
正如Hobblin在他对问题的评论中所说，现在你可以使用function .prototype.bind()将参数传递给setTimeout内的函数。
例子:
setTimeout(postinsql.bind(null, topicId), 4000);
取代
setTimeout("postinsql(topicId)", 4000);
with
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()，而不是传递一个函数。
