Konteksti nuolifunktion avulla JavaScriptissä
Kolmas ratkaisu ongelmaan on käyttää nuolifunktioita, joita on vasta äskettäin tullut JavaScriptiin. Tällaiset funktiot, muun muassa, eivät ole omaa kontekstia, vaan säilyttävät vanhempansa kontekstin. Korjataan ongelmamme nuolifunktion avulla:
let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);
function parent() {
console.log(this.value); // tulostaa 'text'
let child = () => {
console.log(this.value); // tulostaa 'text'
}
child();
}
Ota koodi edellisestä tehtävästä ja korjaa koodin ongelma opitun kolmannen menetelmän avulla.
