>웹 프론트엔드 >JS 튜토리얼 >JavaScript 프로토타입 체인 학습 요약_javascript 기술

JavaScript 프로토타입 체인 학습 요약_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:17:30870검색
Function과 Object는 모두 함수의 인스턴스입니다.

Function의 상위 프로토타입은 Function의 프로토타입을 가리키며, Function 프로토타입의 상위 프로토타입은 Object의 프로토타입입니다.
Object의 상위 프로토타입도 Function의 프로토타입을 가리킵니다.
기본 부모 프로토타입이 생성자의 명시적 프로토타입인 인스턴스 개체
[각 개체에는 부모 개체(구성된 개체 함수) 프로토타입(여기서는 부모 프로토타입 또는 암시적 프로토타입이라고 함)을 가리키는 암시적 속성이 있습니다. . 프로토타입도 객체이기 때문에 프로토타입에도 상위 프로토타입이 있습니다. Object의 프로토타입은 모든 상위 프로토타입의 최상위 수준(프로토타입 루트)이므로 소위 프로토타입 체인이 형성됩니다.]

객체 속성 액세스 원칙

객체에서 속성을 읽을 때 해당 속성이 객체 자체 속성 목록에 없으면 연관된 상위 프로토타입 객체에서 해당 속성을 찾습니다. 목록에 그러한 속성이 없으면 이 상위 프로토타입의 상위 프로토타입을 찾거나 최상위 프로토타입 [Object.prototype] 개체 속성 목록에 대한 검색이 완료될 때까지 검색됩니다.
호출 방법 메소드의 함수 객체는 객체의 속성 값이기 때문에 객체는 속성에 액세스하기 위한 검색 프로세스와 동일합니다.
예:
코드 복사 코드는 다음과 같습니다.

Object.prototype. m1 = function (){
alert("나는 사자입니다");
}
function Class1(str){
this.p1 =
}
function Class2 (){}
Class2.prototype.m1 = function(){
alert("Hello");
}
var n1 = new Class1("깃털 달린 사자")/ /@__proto_ _Attribute는 상위 프로토타입
//@Object.prototype.__proto__=null
/*
n1의 프로토타입 체인
n1.__proto__=Class1.prototype
Class1에 대한 참조입니다. 프로토타입 .__proto__=Object.prototype

*/
var n2 = new Class2();
/*
n2의 프로토타입 체인
n2.__proto__=Class2.prototype
Class2.prototype.__proto__=Object.prototype
*/
n1.m1();//===Object.prototype.m1()
n2.m1();//=== Class2.prototype.m1();
alert(n1.p1);//Hairy Lion
alert(n2.p1);//정의되지 않음

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.