javascript settimeout cleartimeout 例程语法

Question

这是来自另一个线程的代码。仅当用户在设定时间后停止打字时，它才会激活功能。

var keyupTimer;
function keyUpEvent(){
   clearTimeout(keyupTimer);
   keyupTimer = setTimeout(sendInput,1000); // will activate when the user has stopped typing for 1 second
} 

function sendInput(){
    alert("Do AJAX request");
}

它按原样工作。但是，如果我在这一行中添加括号来尝试传递变量，为什么它会停止工作：

keyupTimer = setTimeout(sendInput,1000); //original code

To

keyupTimer = setTimeout(sendInput(),1000); //with just empty ()

或

keyupTimer = setTimeout(sendInput(var),1000);//or with ('test') or with (var)

with the括号，不会发生延迟并且立即调用 sendInput 函数。这是该特定例程的唯一格式吗？

TIA

Answer 1

keyupTimer = setTimeout(sendInput,1000); //原代码

这表示“1000ms后运行sendInput”；

keyupTimer = setTimeout(sendInput(),1000); //只有空()

这表示“运行sendInput，捕获返回值（应该是一个函数）并在1000ms后运行它”。

sendInput 是一个函数，sendInput() 是一个函数call。

Answer 2

setTimeout 的第一个参数是函数引用（即指向函数的变量）。您提供的是一个函数调用。要传递带有参数的函数，请将函数调用包装在匿名函数中。您可以将其作为参数直接传递给 setTimeout，因为 JavaScript 函数是一等对象。

keyupTimer = setTimeout(function() {
    sendInput(var);
}, 1000);

更详细地说，这等于：

var callback = function() {
    sendInput(var);
}
keyupTimer = setTimeout(callback, 1000);

内联模式的优点是它可以访问调用 setTimeout 的范围。

如果它更适合您，您甚至可以创建一个回调工厂来将函数调用传递给 setTimeout 作为 @斯莱贝特曼指出。

function callbackFactory (var) {
    return function() {
        sendInput(var);
    }
};
setTimeout(callbackFactory('some_value'), 1000);

Answer 3

您可以尝试

keyupTimer = setTimeout(function()
{
     sendInput('test');
},1000);

使用匿名函数作为“setTimeout”的参数

Answer 4

也可以使用包含 javascript 代码的字符串作为 setTimeout 的第一个参数。然而，强烈建议不要这么做（见评论）

...
/* DON'T DO THIS: */
keyupTimer = setTimeout("sendInput(variable)", 1000) 
...