Использование определенной функции вместо анонимной функции в качестве обратного вызова

Question

Почему нельзя использовать определенную функцию как обратный вызов события?

<div id="me"> 
    <input> 
</div> 

---

$(document).ready(function(){ 
    // $("#me").on('keyup', 'input', doit()); # doesn't work 
    // $("#me").on('keyup', 'input', 'doit'); # neither does this 
    $("#me").on('keyup', 'input', function() { 
    doit(); 
    }); // well, this one works of course 
}); 

function doit() { 
    console.log($("input").val()); 
} 

Answer 1

Вы должны передать функции, а не называть его

$("#me").on('keyup', 'input', doit) 

Чтобы очистить, почему это не так, см этот пример:

$("#me").on('keyup', 'input', (function() { 
    doit(); 
})()); 

Здесь вы передаете анонимную функцию и вызова это немедленно, чего не ожидает обработчик событий.

Проблема заключается не в различии между анонимным или нет, проблема в том, что вы вызываете функцию вместо ее передачи.

Answer 2

Вы должны передать функцию в качестве параметра.

$("#me").on('keyup', 'input', doit); 

Answer 3

, когда вы говорите что-то = функция() {blah} в js, он сохраняет это как текст и анализирует его на лету - так что да, вы можете. Например:

CallMe = function(){ alert("blah!"); } 
bobsCallback.setFunction(CallMe); 

CallMe, как и любой другой переменной, но это содержание является JS для функции. Вы можете передавать его в качестве обратного вызова или вызова, как так:

alert("calling CallMe..."); 
CallMe(); 

Answer 4

Когда вы передаете в doit() (с «()») в качестве обратного вызова, вы на самом деле работает функция в этой точке и передают в возвращаемое значение функции (вероятно, undefined) в качестве обратного вызова. Если вы передадите только ссылку на именованную функцию doit, тогда функция будет выполнена как обратный вызов.