Անանուն ֆունկցիաների անբաժանումը 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); // անբաժանում ենք ֆունկցիան
  });
}