Context via pijlfunctie in JavaScript

De derde oplossing voor het probleem ligt in het gebruik van pijlfuncties, die nog niet zo lang geleden zijn verschenen in JavaScript. Deze functies hebben, naast alles anders, geen eigen context, maar behouden de context van de ouder. Laten we ons probleem oplossen met behulp van een pijlfunctie:

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

function parent() {
  console.log(this.value); // geeft 'text' weer
  
  let child = () => {
    console.log(this.value); // geeft 'text' weer
  }
  child();
}