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();
}

이전 작업의 코드를 가져와서 배운 세 번째 방법을 사용하여 코드의 문제를 수정하십시오.