जावास्क्रिप्ट में ऐरो फंक्शन के माध्यम से कॉन्टेक्स्ट

समस्या का तीसरा समाधान ऐरो फंक्शन का उपयोग करने में निहित है, जो हाल ही में जावास्क्रिप्ट में आए हैं। ऐसे फंक्शन, अन्य बातों के अलावा, का अपना कॉन्टेक्स्ट नहीं होता है, बल्कि वे पैरेंट का कॉन्टेक्स्ट सहेजते हैं। आइए ऐरो फंक्शन की मदद से अपनी समस्या को ठीक करें:

javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);

function parent() {
  console.log(this.value); // 'text' प्रिंट करेगा
  
  let child = () => {
    console.log(this.value); // 'text' प्रिंट करेगा
  }
  child();
}