javascript settimeout cleartimeout regular syntax

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 

К

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

или

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

с скобкой, задержка не и функция sendInput вызывается немедленно. Это единственный формат для этой конкретной процедуры?

ТИА

Answer 1

вы можете попробовать

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

поэтому имеют анонимную функцию в качестве параметра для «SetTimeout»

Answer 2

keyupTimer = SetTimeout (SendInput, 1000); // исходный код

Это говорит: «Запустите sendInput через 1000 мс»;

keyupTimer = setTimeout (sendInput(), 1000); // только с пустым()

Это говорит: «Запустите sendInput, возьмите возвращаемое значение (которое должно быть функцией) и запустите его после 1000 мс».

sendInput является функцией, sendInput() является функцией call.

Answer 3

Первый аргумент для setTimeout является ссылкой на функцию (т. Е. Переменная, указывающая на вашу функцию). Вы предоставляете вызов функции. Чтобы передать функцию с аргументами, завершите вызов функции анонимной функцией. Вы можете передать его непосредственно в setTimeout в качестве аргумента, поскольку функции JavaScript являются первоклассными объектами.

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

В более многословным, которая равна этому:

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

Рядный шаблон имеет свое преимущество, что он имеет доступ к области действия, где setTimeout называется.

Если вам это подходит, вы даже можете создать фабрику обратного вызова, чтобы передать вызов функции setTimeout, как указано @slebetman.

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

Answer 4

также можно использовать строку, содержащую код яваскрипта, в качестве первого аргумента setTimeout ,однако, настоятельно рекомендуется (см. комментарии)

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