Contextul prin funcția săgeată în JavaScript
A treia soluție la problemă constă în utilizarea funcțiilor săgeată, care au apărut nu cu mult timp în urmă în JavaScript. Aceste funcții, pe lângă alte lucruri, nu au propriul lor context, ci păstrează contextul părintelui. Să corectăm problema noastră cu ajutorul funcției săgeată:
let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);
function parent() {
console.log(this.value); // va afișa 'text'
let child = () => {
console.log(this.value); // va afișa 'text'
}
child();
}
Luați codul din sarcina anterioară și corectați problema codului cu ajutorul celei de-a treia metode studiate.