JavaScript တွင် အမည်မဲ့ function များကို ဖြုတ်ခြင်း

ယခု ကျွန်ုပ်တို့၏ စာပိုဒ်များနှင့် အမည်မဲ့ function တစ်ခု ချိတ်ဆက်ထားသည်ဟု ယူဆပါစို့။

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

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

စာပိုဒ်တစ်ခုကို ကလစ်နှိပ်ပြီးနောက် ၎င်းစာပိုဒ်မှ ဤ function ကို ဖြုတ်ချင်သည်ဆိုပါစို့။ သို့သော် ကျွန်ုပ်တို့ ရင်ဆိုင်ရမည့် ပြဿနာတစ်ခု ရှိသည်။ function တွင် အမည်မရှိပါ၊ ဆိုလိုသည်မှာ ၎င်းကိုဖြုတ်ရန် ထိုအမည်ဖြင့် ရည်ညွှန်းခေါ်ဆိုနိုင်မည် မဟုတ်ပါ။

ဤပြဿနာကို ဖြေရှင်းရန် အမည်ပါ function expression တစ်ခုအဖြစ် ပြောင်းလဲကာ function ကို အမည်ပေးရမည်။ ထိုသို့ပြုလုပ်ကြပါစို့။

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

for (let elem of elems) {
  elem.addEventListener('click', function func() { // function ကို အမည်ပေးထားသည်
    console.log(this.textContent);
  });
}

ယခု ဤ function ကို ၎င်း၏ကိုယ်တွင်းမှပင် ဖြုတ်နိုင်ပါပြီ။

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

for (let elem of elems) {
  elem.addEventListener('click', function func() {
    console.log(this.textContent);
    this.removeEventListener('click', func); // function ကို ဖြုတ်သည်
  });
}