जावास्क्रिप्ट में अनाम फंक्शनों को अनबाइंड करना

अब मान लीजिए कि हमारे पैराग्राफ से एक अनाम फंक्शन बंधी हुई है:

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); // फंक्शन को अनबाइंड कर रहे हैं
  });
}