JavaScript_javascript 팁의 마법적인 call() 메소드

먼저 call()에 대한 공식 설명인 “객체의 메서드를 호출하고 현재 객체를 다른 객체로 대체합니다.”를 살펴보겠습니다. 이 설명을 읽고 나면 더욱 혼란스러울 수 있습니다. 예 보기:

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

var x = "나는 전역 변수입니다."; //전역 변수 x 정의
function a(){ //함수 클래스 구조 정의 a　
This.x = "함수 클래스 구조 a에서 선언했습니다."
}
//현재 포인터에 포함된 변수 x의 값을 팝업하는 일반 함수를 정의합니다
함수 f(){  
경고(this.x);
}
//반환값은 "함수 클래스 구조 a에서 선언했습니다."
f.call(new a());

제가 이해한 바에 따르면 f.call(new a())는 분석을 위해 함수(실제로는 객체이기도 함) f를 호출된 객체 "new a()"에 복사합니다. 실제로 분석 결과는 다음 코드와 같습니다.

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

함수 a(){
​this.x = "함수 클래스 구조 a에서 선언했습니다.";
경고(this.x)
}
a();

단지 변수의 범위가 위의 예에서 f는 생성자 a의 객체에 의해 완전히 상속됩니다. 이것이 a.call(b)가 상속 패턴임을 보여주기에 충분하지 않은 경우 상속에 더 적합한 사용법을 살펴보겠습니다.

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

함수 f(){ 
이.a="a"
This.b = 함수(){
경고("b");
}
}
함수 e(){ 
f.전화(이것)
}
var c = new e();
경고(c.a); //팝업
c.b(); //팝업b

이 예에서는 e가 f의 속성과 메소드를 완전히 상속한다는 것을 브라우저 사용법을 아는 사람이라면 누구나 알 수 있습니다. 그렇지 않으면 a와 b 속성이 e에 정의되어 있지 않기 때문에 설명할 수 없으므로 추론하는 것이 상식입니다. e의 인스턴스 객체 c에서는 이 두 속성이 나타나지 않습니다.