Contesto tramite funzione freccia in JavaScript
La terza soluzione al problema consiste nell'utilizzo delle funzioni freccia, introdotte relativamente di recente in JavaScript. Queste funzioni, tra le altre cose, non hanno un proprio contesto, ma conservano il contesto del genitore. Risolviamo il nostro problema utilizzando una funzione freccia:
let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);
function parent() {
console.log(this.value); // visualizzerà 'text'
let child = () => {
console.log(this.value); // visualizzerà 'text'
}
child();
}
Prendete il codice dalla task precedente e correggete il problema del codice utilizzando il terzo metodo studiato.