Блог

В данный момент я изучаю Java Script на курсе Udemy, и я наткнулся на кое-что, что показалось мне странным. Речь идет о «функциях обратного вызова», и реализация в курсе использует анонимные функции.

Например

 var button = document.querySelector("button"); 
button.addEventListener("click", function() { console.log("hi"); } ); 
document.addEventListener("keydown", function(event) { console.log(event); } );
  

Во второй строке функция обратного вызова является анонимной функцией без входных параметров. В третьей строке анонимная функция имеет один входной параметр: событие.

Я чувствую, что мы предполагаем, что обратный вызов может обрабатывать 0 или 1 входные параметры, но как мы можем знать наверняка? Что, если я определю анонимную функцию с 3 входными параметрами? Будет ли это иметь значение?

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

Это не особенность параметров обратного вызова. Это то, как функции ведут себя в целом в javascript.

Функция, определенная с одним параметром, может быть вызвана с нулевым, одним или несколькими параметрами в javascript без каких-либо синтаксических ошибок:

 function testing (a) {
    console.log(a);
}

testing();                   // will log undefined
testing('hello');            // logs "hello"
testing('hello', 'world');   // logs "hello"
  

Это означает:

• Функция с нулевыми параметрами может быть вызвана с любым количеством аргументов
• Функция со многими параметрами может вызываться без аргументов

События DOM всегда будут вызывать вашу функцию с одним аргументом (за исключением более старых версий IE, которые будут вызывать их с нулевыми аргументами):

 your_callback(event);
  

Таким образом, вы можете определить свой обратный вызов с аргументом, если планируете его использовать, или опустить аргумент, если хотите его проигнорировать.