জাভাস্ক্রিপ্টে অ্যারো ফাংশনের মাধ্যমে কনটেক্সট

সমস্যার তৃতীয় সমাধান হল অ্যারো ফাংশন ব্যবহার করা, যেগুলো জাভাস্ক্রিপ্টে বেশিদিন আগে আসেনি। এই ধরনের ফাংশনগুলি, অন্যান্য জিনিসের পাশাপাশি, তাদের নিজস্ব কনটেক্সট ধরে না, বরং প্যারেন্টের কনটেক্সট সংরক্ষণ করে। আসুন অ্যারো ফাংশন ব্যবহার করে আমাদের সমস্যাটি ঠিক করি:

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

function parent() {
  console.log(this.value); // 'text' আউটপুট করবে
  
  let child = () => {
    console.log(this.value); // 'text' আউটপুট করবে
  }
  child();
}