Odvezivanje anonimnih funkcija u JavaScript

Pretpostavimo da je sada na naše pasuse vezana anonimna funkcija:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function() {
    console.log(this.textContent);
  });
}

Pretpostavimo da želimo da odvezemo ovu funkciju od pasusa nakon klika na taj pasus. Međutim, suočićemo se sa problemom: funkcija nema ime, što znači da joj ne možemo pristupiti preko tog imena, da bismo je odvezali.

Za rešenje problema, potrebno je dati ime funkciji, pretvarajući je u imenovani funcionalni izraz. Učinimo to:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function func() { // dali smo ime funkciji
    console.log(this.textContent);
  });
}

Sada se ova funkcija može odvezati unutar sebe same:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function func() {
    console.log(this.textContent);
    this.removeEventListener('click', func); // odvezujemo funkciju
  });
}