HTML의 p 태그를 한국어로 번역해주세요.call과 apply의 차이점은 무엇인가요?

함수를 호출하는 데 Function.prototype.apply()와 Function.prototype.call()을 사용하는 것의 차이점은 무엇인가요?

const func = function() {
    alert(안녕하세요, 세상!);
};

func.apply() 대 func.call()

두 가지 방법 중 어떤 것을 사용할 때 성능 차이가 있을까요? 언제 call을 사용하는 것이 가장 좋을까요? 그리고 그 반대는 언제일까요?

답변 1

차이점은 apply는 arguments를 배열로 전달하여 함수를 호출할 수 있지만, call은 매개변수를 명시적으로 나열해야 합니다. 유용한 기억 제시문은 A는 배열을 위한 A이며 C는 쉼표를 위한 C이다.

apply와 call에 대한 MDN 문서를 참조하세요.

의사 구문:

theFunction.apply(valueForThis, arrayOfArgs)

theFunction.call(valueForThis, arg1, arg2, ...)

ES6부터는 배열을 call 함수와 함께 사용하기 위한 spread 연산자를 사용할 수도 있습니다. 호환성은 여기에서 확인하실 수 있습니다.

샘플 코드:

function theFunction(name, profession) {
    console.log(제 이름은  + name + 이고, 저는  + profession + 입니다.);
}
theFunction(John, 소방관);
theFunction.apply(undefined, [Susan, 학교 선생님]);
theFunction.call(undefined, Claude, 수학자);
theFunction.call(undefined, ...[Matthew, 물리학자]); // 스프레드 연산자와 함께 사용됨

답변 2

[SEO-conscious Korean essay]
호출(call)과 적용(apply) 사이의 차이점은 무엇일까요?
자바스크립트 프로그래밍을 공부하면 함수를 호출(call)하거나 적용(apply)하는 것이 중요한 개념입니다. 그러나 두 용어의 의미와 사용법에 혼란을 느끼는 사람들이 많습니다. 이 문서에서는 호출(call)과 적용(apply)의 차이와 용도에 대해 자세히 알아보겠습니다.
호출(call)은 함수를 실행하는 메서드입니다. 함수가 있는 상태에서 함수 이름과 함께 괄호를 사용하여 해당 함수를 호출할 수 있습니다. 이때 함수에 필요한 인수(argument)를 전달할 수 있습니다. 호출은 함수의 결과를 돌려받거나 (return), 다른 작업을 수행할 때 사용됩니다. 호출하는 코드는 함수에 의존하여 실행됩니다.
한편, 적용(apply)은 함수에 대한 호출과 유사하지만, 함수를 호출하는 방식이 다릅니다. apply 메서드는 함수에 대한 호출을 하지만, 인수를 함수에 배열 형태로 제공하는 독특한 방식입니다. 다른 말로는 apply 메서드는 콘텍스트(context)와 배열로 구성된 인수(argument) 목록을 받습니다. 이렇게 apply를 사용하면 함수를 호출하면서 배열로 인수를 제공할 수 있습니다. 대개 apply는 함수에 대한 다양한 매개변수를 배열 형태로 효과적으로 전달할 때 사용됩니다.
정리하면, 호출은 함수를 실행하고 작업을 처리하고 결과를 얻는 목적으로 사용되는 반면, 적용은 함수를 호출하면서 인수를 배열로 제공하는 방식입니다. 호출은 해당 함수에 의존하여 실행되고 결과를 얻지만, 적용은 함수와 인수가 상호작용하여 실행됩니다.
이번 글에서는 호출(call)과 적용(apply)의 개념과 용도를 알아보았습니다. 프로그래밍에서 이 둘은 함수를 다룰 때 중요한 도구로 사용됩니다. 호출과 적용은 유사한 개념이지만, 각자의 특징과 용도에 맞게 사용되어야 합니다. 이러한 명확한 개념을 이해하면 프로그래밍 실력을 높일 수 있을 것입니다.