JavaScript 학습 팁: call과 apply_javascript 기술의 차이점

1. 호출
콜 메소드
현재 객체를 다른 객체로 대체하기 위해 객체의 메소드를 호출합니다.
call([thisObj[,arg1[, arg2[, [,.argN]]]]])
매개변수
thisObj
선택 사항. 현재 객체로 사용될 객체입니다.
arg1, arg2, , argN
선택 사항. 일련의 메소드 매개변수가 전달됩니다.
설명
call 메서드는 다른 개체 대신 메서드를 호출하는 데 사용할 수 있습니다. call 메소드는 함수의 객체 컨텍스트를 초기 컨텍스트에서 thisObj가 지정한 새 객체로 변경합니다.
thisObj 매개변수가 제공되지 않으면 전역 개체가 thisObj로 사용됩니다.
간단한 예(함수 호출):

코드 복사 코드는 다음과 같습니다.

함수 추가(a,b)
{
경고(a b);
}
함수 하위(a,b)
{
경고(a-b);
add.call(sub,3,1);

이 예에서는 sub를 add로 바꾸는 것을 의미합니다. add.call(sub,3,1) == add(3 ,1 ) 따라서 실행 결과는 다음과 같습니다. Alert(4); 복잡한 예(메서드 호출):

코드 복사 코드

function Class1()
{
this.name = "class1"
this.showNam = function()
{
alert (this.name );
}
}
function Class2()
{
this.name = "class2"
}
var c1 = new Class1() ;
var c2 = new Class2();
c1.showNam.call(c2);

호출은 c2에 메소드를 넣는다는 뜻입니다. c2에 showNam.() 메서드가 없으면 이제 c2에 c1의 showNam() 메서드를 넣어 실행하므로 this.name은 class2여야 하며 실행 결과는 다음과 같습니다. >상속 구현

코드 복사 코드는 다음과 같습니다.

function Class1()

{
this.showTxt = function(txt )
{
alert(txt)
}
}
function Class2()
{
Class1.call (this);
}
var c2 = new Class2();
c2.showTxt("cc");


이렇게 하면 Class1이 상속됩니다. call(this)은 이 개체 대신 Class1 개체를 사용한다는 의미입니다. 그러면 Class2에는 Class1의 모든 속성과 메서드가 없습니다. c2 개체는 Class1의 메서드와 속성을 직접 호출할 수 있습니다. cc”);

그렇습니다. 이것이 JavaScript가 객체지향에서 상속을 시뮬레이션하는 방법이며 다중 상속도 구현할 수 있습니다.

다중 상속

코드 복사 코드는 다음과 같습니다.

function Class10()

{
this.showSub = function(a,b)
{
alert(a-b)
}
}
function Class11()
{
this.showAdd = function(a,b)
{
alert(a b)
}
}

function Class2()
{
Class10.call(this);
Class11.call(this);
}


두 번의 호출을 사용하여 다중 상속을 달성하는 것은 매우 간단합니다

, js 프로토타입 체인을 사용하는 것과 같은 다른 상속 방법이 있습니다. 이것은 이 기사의 범위에 포함되지 않습니다. 여기서는 call의 사용법을 설명합니다.
제가 call을 언급했는데, 물론 이 두 가지 방법이 기본적으로 적용됩니다. 같은 의미입니다
차이점 call의 두 번째 매개변수는 어떤 유형이든 될 수 있지만 Apply의 두 번째 매개변수는 배열이어야 합니다


2 apply

적용 및 호출 모두 기능은 동일하지만 매개변수가 다릅니다.
첫 번째 매개변수는 같은 의미이지만 두 번째 매개변수의 경우 apply는 매개변수 배열로 전달됩니다. 즉, 여러 매개변수를 배열로 결합하여 전달하며, call은 호출로 사용됩니다. 전달됩니다(두 번째 매개변수부터 시작).
예를 들어 func.call(func1,var1,var2,var3)의 해당 Apply 작성 방법은 다음과 같습니다. func.apply(func1,[var1,var2,var3])

팁(코드 우아하고 실행 효율이 높음)

코드 복사 코드는 다음과 같습니다.

alert (Math.max(5,8) ) //8

alert(Math.max(5,7,9,3,1,6)) //9

var arr=[5, 7,9,1]
경고(Math.max.apply(null,arr))