JavaScript에서 화살표 함수를 통한 컨텍스트

세 번째 해결책은 비교적 최근에 JavaScript에 도입된 화살표 함수를 사용하는 것입니다. 이러한 함수는 다른 특징 외에도 자신만의 컨텍스트를 가지지 않고 부모의 컨텍스트를 유지합니다. 화살표 함수를 사용하여 우리의 문제를 수정해 보겠습니다:

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

function parent() {
  console.log(this.value); // 'text'를 출력합니다.
  
  let child = () => {
    console.log(this.value); // 'text'를 출력합니다.
  }
  child();
}