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

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

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

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

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

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

다음은 최종 코드입니다:

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

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

이전 작업의 코드를 가져와서 학습한 두 번째 방법을 사용하여 코드의 문제를 수정하세요.