먼저 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에서는 이 두 속성이 나타나지 않습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
