Context via pijlfunctie in JavaScript
De derde oplossing voor het probleem ligt in het gebruik van pijlfuncties, die nog niet zo lang geleden zijn verschenen in JavaScript. Deze functies hebben, naast alles anders, geen eigen context, maar behouden de context van de ouder. Laten we ons probleem oplossen met behulp van een pijlfunctie:
let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);
function parent() {
console.log(this.value); // geeft 'text' weer
let child = () => {
console.log(this.value); // geeft 'text' weer
}
child();
}
Neem de code uit de vorige taak en los het probleem met de code op met behulp van de bestudeerde derde methode.
