Как удалить слушателя «самого себя» removeEventListener?

Question

[Илья Кочкин]

Как удалить самого себя из слушателей?

var handler_some = document.addEventListener('click', function (e) {
        this.removeEventListener('click', handler_some );
    });

Answer 1

[marginBottom]

document.addEventListener('click', function handler(e) {
    this.removeEventListener('click', handler);
});

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

Answer 2

[0xD34F]

function handler(e) {
  console.log('hello, world!!');
  this.removeEventListener(e.type, handler);
}

document.addEventListener('click', handler);

Но вообще, если вам нужен обработчик события, который сработает один раз, то вручную удалять его не надо, для этого есть отдельная настройка среди параметров addEventListener:

document.addEventListener('click', handler, { once: true });

Answer 3

[dollar]

Нужно сохранить ссылку на функцию в имени какой-то переменной, и дальше использовать эту переменную. Или можно просто объявить функцию с именем отдельно, что то же самое. Анонимная функция не подходит.

let fn = function (e) {
  document.removeEventListener('click',fn);
}
document.addEventListener('click', fn);