Contexte via la fonction fléchée en JavaScript

La troisième solution au problème consiste à utiliser les fonctions fléchées, qui sont apparues relativement récemment dans JavaScript. Ces fonctions, entre autres, n'ont pas leur propre contexte, mais préservent le contexte parent. Corrigeons notre problème à l'aide d'une fonction fléchée :

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

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