JavaScript'te Anonim Fonksiyonların Bağını Çözme

Şimdi paragraflarımıza anonim bir fonksiyonun bağlandığını varsayalım:

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

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

Bir paragrafa tıklandıktan sonra bu fonksiyonun bağını çözmek istediğimizi varsayalım. Ancak bir problemle karşılaşırız: fonksiyonun bir adı yok, bu da onu bağını çözmek için adıyla çağıramayacağımız anlamına gelir.

Problemi çözmek için, fonksiyonu isimli fonksiyon ifadesine dönüştürerek bir ad vermemiz gerekir. Bunu yapalım:

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

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

Artık bu fonksiyonun bağı kendi içinden çözülebilir:

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

for (let elem of elems) {
  elem.addEventListener('click', function func() {
    console.log(this.textContent);
    this.removeEventListener('click', func); // fonksiyonun bağını çözüyoruz
  });
}