JavaScript에서 apply 메소드를 사용한 컨텍스트 바인딩

이제 컨텍스트 바인딩을 위한 apply 메소드를 살펴보겠습니다. 이 메소드는 call 메소드와 거의 동일하게 작동합니다. 차이점은 apply에서 매개변수가 쉼표로 구분되어 나열되는 대신 배열 형태로 전달된다는 점입니다. 작업에 따라 둘 중 하나가 더 편리할 수 있습니다.

다음은 apply 메소드에 매개변수를 전달하는 예시입니다:

func.apply(elem, [param1, param2]);

다음 코드가 주어졌다고 가정해 봅시다:

<input id="elem" value="hello">

let elem = document.querySelector('#elem');

function func(surname, name) {
	console.log(this.value + ', ' + surname + ' ' + name);
}

func(); // 여기서 'hello, John Smit'가 출력되어야 합니다

마지막 줄에 apply 메소드를 추가하여 화면에 'hello, John Smit'가 출력되도록 하세요. 'hello'라는 단어는 input의 value에서 가져와야 하며, 'John'과 'Smit'는 함수의 매개변수여야 합니다.