JavaScriptда аноним функциаларни боглаб олиш

Энди бизнинг абзацларимизга аноним функция богланган бўлсин:

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

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

Фарз қилайлик, биз ушбу абзацга босгандан сўнг ушбу функцияни абзацдан боглаб олмоқчимиз. Бирок, бизни кутаётган муаммо: функциянинг номи йўқ, демак уни боглаб олиш учун номига мурожаат қила олмаймиз.

Муаммони ҳал қилиш учун функцияга ном бериш керак, уни номланган функционал ифодага айлантириш керак. Буни амалга оширамиз:

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

for (let elem of elems) {
  elem.addEventListener('click', function func() { // функцияга ном бердик
    console.log(this.textContent);
  });
}

Энди бу функцияни унинг ўзи ичида боглаб олиш мумкин:

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

for (let elem of elems) {
  elem.addEventListener('click', function func() {
    console.log(this.textContent);
    this.removeEventListener('click', func); // функцияни боглаб оламиз
  });
}