জাভাস্ক্রিপ্টে বেনামে ফাংশন আনবাইন্ড করা

ধরুন এখন আমাদের অনুচ্ছেদগুলির সাথে একটি বেনামে ফাংশন সংযুক্ত আছে:

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); // ফাংশন আনবাইন্ড করছি
  });
}