Shkëputja e Funksioneve Anonime në JavaScript

Supozoni tani që funksione anonime janë të lidhura me paragrafët tanë:

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

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

Supozoni që ne duam të shkëputim këtë funksion nga paragrafi pas një klikimi mbi këtë paragraf. Megjithatë, ne përballemi me një problem: funksioni nuk ka emër, që do të thotë ne nuk do të jemi në gjendje t'i referohemi atij me këtë emër për ta shkëputur atë.

Për të zgjidhur problemin, duhet t'i jepni një emër funksionit, duke e kthyer atë në një shprehje funksionale të emërtuar. Le ta bëjmë këtë:

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

for (let elem of elems) {
  elem.addEventListener('click', function func() { // i dhamë emër funksionit
    console.log(this.textContent);
  });
}

Tani ky funksion mund të shkëputet brenda vetvetes:

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

for (let elem of elems) {
  elem.addEventListener('click', function func() {
    console.log(this.textContent);
    this.removeEventListener('click', func); // shkëputim funksionin
  });
}