ანონიმური ფუნქციების გამოკვეთა 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); // ვაუქმებთ ფუნქციას
  });
}