A kontextus nyílfüggvénnyel JavaScriptben

A harmadik megoldás a probléma megoldására az nyílfüggvények használata, amelyek nem olyan régóta jelentek meg a JavaScriptben. Ezek a függvények többek között nincs saját kontextusuk, hanem megőrzik a szülő kontextusát. Javítsuk a problémánkat egy nyílfüggvény segítségével:

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

function parent() {
  console.log(this.value); // kiírja 'text'
  
  let child = () => {
    console.log(this.value); // kiírja 'text'
  }
  child();
}