คอนเท็กซ์ผ่านฟังก์ชันลูกศรใน JavaScript

วิธีแก้ปัญหาวิธีที่สามนั้นอยู่ที่การใช้ ฟังก์ชันลูกศร ซึ่งเพิ่งจะปรากฏในภาษา JavaScript ไม่นานมานี้ ฟังก์ชันประเภทนี้ นอกจากคุณสมบัติอื่นๆ แล้ว ยังไม่มีคอนเท็กซ์ของตัวเอง แต่จะเก็บคอนเท็กซ์ของฟังก์ชันแม่ไว้ มาแก้ไขปัญหาของเราด้วยฟังก์ชันลูกศร:

let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);

function parent() {
	console.log(this.value); // แสดง 'text'
	
	let child = () => {
		console.log(this.value); // แสดง 'text'
	}
	child();
}

นำโค้ดจากโจทย์ก่อนหน้าและแก้ไข ปัญหาของโค้ดโดยใช้วิธีการที่สามที่ได้เรียนรู้มา