Event Listener с анонимной функцией

Question

Это написано на MDN что

Если вы хотите передать параметры функции прослушивания, вы можете использовать анонимную функцию.

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

target.addEventListener(type, doSomething(parameter)); 

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

target.addEventListener(type, function() {doSomething(parameter);}); 

все идет так, как ожидалось.

Почему такое поведение имеет место? Наверное, это связано с закрытием.

Answer 1

При определении функции обработчика как так

target.addEventListener(type, doSomething(parameter)); 

Вы передаете возвращаемое значение функции в качестве обработчика. Для примера рассмотрим эту функцию:

function doSomething(event) { 
    return 'foo'; 
} 

Теперь функция запускается на выполнение немедленно, до того, как событие произошло, и вы в основном только проходящее это как обработчик:

target.addEventListener(type, 'foo'); 

Это не может работать.

Второй пример

target.addEventListener(type, function() {doSomething(parameter);}); 

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