Konteks Melalui Fungsi Anak Panah dalam JavaScript
Penyelesaian ketiga untuk masalah ini terletak pada penggunaan fungsi anak panah, yang tidak lama muncul dalam JavaScript. Fungsi-fungsi ini, selain segala-galanya yang lain, tidak mempunyai konteks sendiri, tetapi mengekalkan konteks induk. Mari betulkan masalah kami dengan bantuan fungsi anak panah:
let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);
function parent() {
console.log(this.value); // akan memaparkan 'text'
let child = () => {
console.log(this.value); // akan memaparkan 'text'
}
child();
}
Ambil kod dari tugas sebelumnya dan betulkan masalah kod dengan cara ketiga yang dipelajari.