javascript에서 호출과 적용의 차이점은 무엇입니까

JavaScript에서는 call() 메서드와 apply() 메서드가 동일한 기능을 가지고 있지만 call() 메서드를 사용할 때 함수에 전달되는 매개변수는 하나씩 나열되어야 합니다. 하나. apply() 를 사용할 때 함수에 전달되는 것은 매개변수 배열입니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

javascript에서 call과 apply의 차이점은 무엇인가요?

call() 메소드는 지정된 이 값과 별도로 제공되는 매개변수(매개변수 목록)를 사용하여 함수를 호출합니다.

참고: 이 메소드의 기능은 apply() 메소드와 유사합니다. 유일한 차이점은 call() 메소드는 여러 매개변수 목록을 허용하는 반면, apply() 메소드는 여러 매개변수를 포함하는 배열을 허용한다는 것입니다.

　Syntax

fun.call(thisObj[, arg1[, arg2[, ...]]])

　　정의: 현재 개체를 다른 개체로 대체하려면 개체의 메서드를 호출합니다.

　　설명:

　　　호출 메서드는 다른 개체 대신 메서드를 호출하는 데 사용할 수 있습니다. call 메소드는 함수의 객체 컨텍스트를 초기 컨텍스트에서 thisObj가 지정한 새 객체로 변경합니다.

　　　thisObj 매개변수가 제공되지 않으면 전역 개체가 thisObj로 사용됩니다.

　Parameter

　　thisObj

　　fun 함수가 실행될 때 지정하는 값입니다. 함수가 실행될 때 지정된 this 값이 반드시 실제 this 값일 필요는 없습니다. 함수가 엄격하지 않은 모드에 있는 경우 null 및 undef로 지정된 this 값은 자동으로 전역 개체를 가리킵니다(브라우저는 창 개체), 값이 기본 값(숫자, 문자열, 부울 값)인 this는 기본 값의 자동 래핑 개체를 가리킵니다.

　 arg1, arg2, ...

　　 지정된 매개변수 목록입니다.

반환 값

반환 결과에는 지정된 this 값과 매개변수가 포함됩니다.

apply()

apply() 메서드는 지정된 this 값과 배열(또는 배열 유사 객체)로 제공되는 인수를 사용하여 함수를 호출합니다.

Syntax

fun.apply(thisObj, [argsArray])

　정의: 현재 개체를 다른 개체로 바꾸는 개체의 메서드를 적용합니다.

　참고:

　 argsArray가 유효한 배열이 아니거나 인수 개체가 아닌 경우 TypeError가 발생합니다.

　　 argArray나 thisObj가 모두 제공되지 않으면 전역 개체가 thisObj로 사용되며 매개 변수를 전달할 수 없습니다.

Parameter

　thisObj

　　fun 함수가 실행될 때 지정하는 값입니다. 함수가 실행될 때 지정된 this 값이 반드시 실제 this 값일 필요는 없습니다. 함수가 엄격하지 않은 모드에 있는 경우 지정된 값이 null이거나 정의되지 않으면 자동으로 전역 객체를 가리킵니다. (브라우저에서는 창 개체입니다.) 값이 기본 값(숫자, 문자열, 부울 값)인 이 개체는 기본 값의 자동 래핑 개체를 가리킵니다.

　 argsArray

　　 배열 또는 배열 유사 객체로, 배열 요소는 별도의 매개변수로 fun 함수에 전달됩니다. 이 매개변수의 값이 null이거나 정의되지 않은 경우 매개변수를 전달할 필요가 없음을 의미합니다. ECMAScript 5

　　부터 배열과 유사한 객체를 사용할 수 있습니다.

요약

둘 다 동일한 기능을 갖고 있으며 둘 다 obj(즉, this)를 thisObj에 바인딩합니다. 이때 thisObj는 obj의 속성과 메서드를 갖습니다. 즉, thisObj는 obj의 속성과 메서드를 "상속"합니다. 유일한 차이점은 apply는 배열 매개변수를 허용하는 반면 call은 연속 매개변수를 허용한다는 것입니다.

call() 메소드와 apply() 메소드는 동일한 기능을 가지고 있지만 차이점은 매개변수를 받는 방식에 있습니다. call()의 경우 첫 번째 매개변수는 변경되지 않는 this 값입니다. 변경되는 점은 나머지 매개변수가 함수에 직접 전달된다는 것입니다. (call() 메소드를 사용할 경우 함수에 전달되는 매개변수가 하나씩 나열되어야 합니다. apply()를 사용할 경우 매개변수 배열이 함수에 전달됩니다.) 다음 코드는 설명합니다.

function add(c, d){
    return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34　

call과 Apply 모두 다음과 같습니다. 무언가를 변경하는 데 사용됩니다. 함수가 실행될 때 컨텍스트는 즉, 함수 본문 내부에서 this의 포인터를 변경하는 것입니다. JavaScript 함수에는 "정의 컨텍스트"와 "런타임 컨텍스트" 및 "컨텍스트가 변경될 수 있다"라는 개념이 있기 때문입니다.

두 기능은 완전히 동일하지만 매개변수를 받아들이는 방식이 다릅니다. 예를 들어 다음과 같이 정의된 fun 함수가 있습니다.

var fun = function(arg1, arg2) {};

는 fun.call(this, arg1, arg2); 또는 fun.apply(this, [arg1, arg2]);를 통해 호출할 수 있습니다. 그 중에서 지정하려는 컨텍스트는 임의의 JavaScript 객체일 수 있습니다(JavaScript의 모든 것은 객체입니다). 호출은 매개변수를 순서대로 전달해야 하며 Apply는 매개변수를 배열에 넣습니다.

자바스크립트에서는 함수의 매개변수 갯수가 정해져 있지 않기 때문에 적용 조건에 따라 매개변수가 숫자를 확실히 알면 call을 사용하고, 확실하지 않을 때는 적용을 사용하여 매개변수를 푸시하면 됩니다. 배열을 전달하세요. 매개변수 개수가 불확실한 경우 인수 배열을 통해 함수 내에서 모든 매개변수를 탐색할 수 있습니다.

관련 권장 사항: javascript 학습 튜토리얼

위 내용은 javascript에서 호출과 적용의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!