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 :
let 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();
}
Prenez le code de la tâche précédente et corrigez le problème du code en utilisant la troisième méthode étudiée.
