Névtelen függvények eltávolítása a JavaScriptben

Tegyük fel, hogy a bekezdéseinkhez egy névtelen függvény van hozzárendelve:

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

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

Tegyük fel, hogy le szeretnénk választani ezt a függvényt a bekezdésről a bekezdésre kattintás után. Azonban egy problémával kell szembenéznünk: a függvénynek nincs neve, ami azt jelenti, hogy nem tudunk rá hivatkozni a nevével, hogy eltávolítsuk.

A probléma megoldásához nevet kell adnunk a függvénynek, így átalakítva egy elnevezett függvénykifejezéssé. Tegyük ezt meg:

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

for (let elem of elems) {
  elem.addEventListener('click', function func() { // nevet adtunk a függvénynek
    console.log(this.textContent);
  });
}

Most már ezt a függvényt le lehet választani önmagán belül:

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

for (let elem of elems) {
  elem.addEventListener('click', function func() {
    console.log(this.textContent);
    this.removeEventListener('click', func); // leváltjuk a függvényt
  });
}