Kutenganisha Kazi Bila Majina katika JavaScript

Hebu sasa kwa aya zetu zimefungwa kazi bila majina:

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

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

Hebu tunataka kutenganisha kazi hii kutoka kwa aya baada ya kubofya kwenye aya hii. Hata hivyo, tunakabiliwa na tatizo: kazi haina jina, na hivyo basi hatutaweza kuirejea kwa jina hilo, ili kuitenganisha.

Ili kutatua tatizo inahitajika kuipa jina kazi hiyo, kuifanya kuwa usemi wa kazi wenye jina. Hebu tufanye hivyo:

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

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

Sasa kazi hii inaweza kutenganishwa ndani yake yenyewe:

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

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