Kontekst gjennom pilfunksjon i JavaScript
Den tredje løsningen på problemet ligger i bruken av pilfunksjoner, som dukket opp for ikke så lenge siden i JavaScript. Slike funksjoner, foruten alt annet, har ikke sin egen kontekst, men beholder forelderens kontekst. La oss rette opp problemet vårt ved hjelp av en pilfunksjon:
let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);
function parent() {
console.log(this.value); // vil skrive ut 'text'
let child = () => {
console.log(this.value); // vil skrive ut 'text'
}
child();
}
Ta koden fra forrige oppgave og rett opp problemene med koden ved hjelp av den tredje lærte metoden.