javascript_기초지식 중 call(), apply() 메소드 분석 예시

1. 방법 정의

통화 방법:
구문: call([thisObj[,arg1[, arg2[, [,.argN]]]]])
정의: 현재 객체를 다른 객체로 대체하기 위해 객체의 메소드를 호출합니다.
설명:
호출 메소드는 다른 객체를 대신하여 메소드를 호출하는 데 사용될 수 있습니다. call 메소드는 함수의 객체 컨텍스트를 초기 컨텍스트에서 thisObj가 지정한 새 객체로 변경합니다.
thisObj 매개변수가 제공되지 않으면 Global 개체가 thisObj로 사용됩니다.

신청방법 :
구문: apply([thisObj[,argArray]])
정의: 객체의 메소드를 적용하여 현재 객체를 다른 객체로 대체합니다.
설명:
argArray가 유효한 배열이 아니거나 인수 객체가 아닌 경우 TypeError가 발생합니다.
argArray나 thisObj가 모두 제공되지 않으면 전역 개체가 thisObj로 사용되며 매개 변수를 전달할 수 없습니다.

2. 일반적인 예

아、

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

함수 추가(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) // 참고: js에서 함수는 실제로 객체이고, 함수 이름은 Function 객체에 대한 참조입니다.

ㄴ、

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

함수 동물(){
This.name = "동물"
This.showName = function(){
경고(이.이름)
}  
}
함수 Cat(){
This.name = "고양이"
}
var 동물 = 새로운 동물()
var 고양이 = 새로운 고양이()
//call이나 apply 메소드를 통해 원래 Animal 객체에 속한 showName() 메소드를 cat 객체에 넘겨서 사용하게 됩니다.
//입력 결과는 "Cat"입니다
동물.showName.call(고양이,",")
//animal.showName.apply(cat,[]);

호출은 원래 cat에 동물의 메소드를 넣어서 실행한다는 의미입니다.

c. 상속 구현

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

함수 동물(이름){
This.name = 이름
This.showName = function(){
경고(이.이름)
}  
} 
함수 Cat(이름){
Animal.call(이, 이름)
} 
var cat = new Cat("검은 고양이")
cat.showName();

Animal.call(this)은 이 객체 대신 Animal 객체를 사용한다는 의미입니다. 그러면 Cat은 Animal의 모든 속성과 메소드를 가지고 있지 않습니까? Cat 객체는 Animal의 메소드와 속성을 직접 호출할 수 있습니다.

d. 다중 상속

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

함수 Class10()
{
This.showSub = 함수(a,b)
{
경고(a-b);
}
}
함수 Class11()
{
This.showAdd = 함수(a,b)
{
경고(a b);
}
}
함수 Class2()
{
Class10.call(this);
Class11.call(this);
}

매우 간단합니다. 다중 상속을 달성하려면 두 번의 호출을 사용하세요
물론 프로토타입 체인을 사용하는 등 js를 상속하는 다른 방법도 있습니다. 이는 이 기사의 범위에 포함되지 않습니다. 여기서는 호출 사용법만 설명합니다. 호출과 적용에 관해 말하면 이 두 메서드는 기본적으로 동일한 의미입니다. 차이점은 호출의 두 번째 매개 변수는 모든 유형이 될 수 있지만 적용의 ​​두 번째 매개 변수는 배열이거나 인수일 수 있다는 것입니다. 🎜> 그리고 수신자, 발신자..

요약:

간단히 말하면 같은 점: 두 가지 방법의 효과는 완전히 동일합니다

차이: 메소드에 전달된 매개변수가 다릅니다