JavaScript에서 매개변수를 통한 컨텍스트

또 다른 해결책이 있습니다. child 함수가 매개변수를 받도록 만들어 봅시다:

javascriptfunction child(param) {
  // 여기에 코드가 들어갑니다
}

그리고 이 함수를 호출할 때 this를 전달합니다:

javascriptfunction parent() {
  child(this); // this를 매개변수로 전달합니다
  
  function child(param) {
    // 변수 param에는 전달된 this의 내용이 들어 있습니다
  }
}

child의 호출이 부모 함수 내에서 이루어지므로, 전달되는 this는 필요한 것을 가리킵니다. 그런 다음 이 this는 매개변수 param에 들어가 함수 내부에서 이 형태로 접근할 수 있게 됩니다.

다음은 최종 코드입니다:

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

function parent() {
  child(this); // this를 매개변수로 전달합니다
  
  function child(param) {
    console.log(param.value); // input의 value를 출력합니다
  }
}