Ngữ cảnh thông qua hàm mũi tên trong JavaScript
Giải pháp thứ ba cho vấn đề là sử dụng hàm mũi tên, một tính năng không xuất hiện quá lâu trong JavaScript. Những hàm này, bên cạnh những đặc điểm khác, không có ngữ cảnh riêng của chúng, mà giữ nguyên ngữ cảnh của hàm cha. Hãy sửa vấn đề của chúng ta bằng hàm mũi tên:
let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);
function parent() {
console.log(this.value); // sẽ hiển thị 'text'
let child = () => {
console.log(this.value); // sẽ hiển thị 'text'
}
child();
}
Hãy lấy mã từ nhiệm vụ trước và sửa vấn đề trong mã bằng cách sử dụng phương pháp thứ ba đã được học.
