Konteks melalui Fungsi Panah di JavaScript
Solusi ketiga untuk masalah ini terletak pada penggunaan fungsi panah, yang belum lama muncul dalam JavaScript. Fungsi-fungsi seperti itu, selain segalanya, tidak memiliki konteks sendiri, tetapi mempertahankan konteks induknya. Mari kita perbaiki masalah kita dengan bantuan fungsi panah:
let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);
function parent() {
console.log(this.value); // akan menampilkan 'text'
let child = () => {
console.log(this.value); // akan menampilkan 'text'
}
child();
}
Ambil kode dari tugas sebelumnya dan perbaiki masalah kode dengan cara ketiga yang telah dipelajari.