Kontekst przez funkcję strzałkową w JavaScript
Trzecie rozwiązanie problemu polega na użyciu funkcji strzałkowych, które pojawiły się stosunkowo niedawno w JavaScript. Funkcje te, między innymi, nie mają własnego kontekstu, lecz zachowują kontekst rodzica. Naprawmy nasz problem za pomocą funkcji strzałkowej:
let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);
function parent() {
console.log(this.value); // wypisze 'text'
let child = () => {
console.log(this.value); // wypisze 'text'
}
child();
}
Weź kod z poprzedniego zadania i napraw problem z kodem za pomocą poznanego trzeciego sposobu.