Kontext cez šípkovú funkciu v JavaScripte

Tretie riešenie problému spočíva v použití šípkových funkcií, ktoré sa v JavaScripte objavili nie tak dávno. Takéto funkcie, okrem iného, nemajú svoj vlastný kontext, ale zachovávajú kontext rodiča. Opravme náš problém pomocou šípkovej funkcie:

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

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