JavaScript-da anonim funksiýalary baglanyşyklardan aýyrmak

Indi biziň abzaslarymyza anonim funksiýanyň baglanyşdyrylandygyny göz öňüne getireliň:

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

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

Diňe şu abzasa basanyňyzdan soň, bu funksiýany ondan baglanyşyklardan aýyrmak isleýändigimizi farz edeliň. Emma biziň garşymyzda bir problema durýar: funksiýanyň ady ýok, şonuň üçin ony ady boýunça çagyryp, baglanyşyklardan aýyrmak mümkin däldir.

Bu meseläni çözmek üçin funksiýa at bermek gerek, ony atly funksiýa ekspressiýasyna öwürmek bilen. Geliň muny edeliň:

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

for (let elem of elems) {
  elem.addEventListener('click', function func() { // funksiýa at berildi
    console.log(this.textContent);
  });
}

Indi bu funksiýany onuň öz içinde baglanyşyklardan aýyrmak mümkin:

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

for (let elem of elems) {
  elem.addEventListener('click', function func() {
    console.log(this.textContent);
    this.removeEventListener('click', func); // funksiýany baglanyşyklardan aýyrýarys
  });
}