Анонимные функции и removeEventListener?

Question

[dmitriyivvvv]

Добрый день!
Имеется такой код:

function text(a) {
  alert(a);
}

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

Код:

el.addEventListener('click',  function() {
  text('it\'s finnaly working!');
});

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

Код:

el.removeEventListener('click',  function() {
  text('it\'s finnaly working!');
});

Answer 1

[Сергей Соколов]

Всё просто: не использовать анонимные функции.

var f1 = function() {
  text('it\'s finnaly working!');
};

el.addEventListener('click',  f1);
// ... 
el.removeEventListener('click',  f1);

Comments

[Сергей Соколов]

dmitriyivvvv, добавил код в ответ. Ещё можно, скажем, через bind():

var f1 = text.bind(null, 'it\'s finnaly working!');