JavaScript 프로토타입 체인 예제 Sharing_javascript 기술

코드 복사 코드는 다음과 같습니다. /* 각 객체 인스턴스에는 객체 인스턴스(가칭 상위 객체라고 함)의 프로토타입(프로토타입)을 가리키는 속성 멤버가 있습니다. 우리는 이것을 넣습니다. 계층별로 상위 프로토타입을 가리키는 관계를 [프로토타입 체인 프로토타입 키안]이라고 합니다 프로토타입도 상위 프로토타입을 갖고 있습니다. 인위적으로 변경하지 않는 한 프로토타입은 종종 객체 인스턴스이기도 하기 때문입니다. JavaScript에서는, "모든 것은 객체이고 함수는 첫 번째 유형입니다. " 함수와 객체는 모두 함수의 인스턴스입니다. Function의 상위 프로토타입은 Function의 프로토타입을 가리킵니다. Function.prototype의 상위 프로토타입은 Object의 프로토타입입니다. Object의 상위 프로토타입도 Function의 프로토타입을 가리킵니다. 모든 상위 프로토타입 spiderMonkey 엔진에서 상위 프로토타입은 __proto__ */ Function.prototype.hi = function(){alert('hi Function');} Object.prototype.hi = function( ){alert('hi Object');} var a = function(){ this.txt = "a"; } a. 프로토타입 = { say:function (){alert('a');} } alert(Function의 인스턴스);//a는 Function의 인스턴스입니다. alert(a. __proto__ === Function.prototype);/ /a의 상위 프로토타입은 Function의 프로토타입을 가리킵니다. alert(Function instanceof Object);//Function은 Object의 인스턴스입니다. alert(Function.__proto__ === Function .prototype);//함수의 부모 프로토타입은 Function의 프로토타입을 가리킵니다. alert(Function.prototype.__proto__ === Object.prototype);//Function의 프로토타입의 부모 프로토타입은 Object의 프로토타입을 가리킵니다. alert(Object.__proto__ === Function .prototype);//Object의 상위 프로토타입은 Function의 프로토타입을 가리킵니다. alert(Object.prototype.__proto__);//Object의 프로토타입이 맨 위에 있습니다. 모든 상위 프로토타입의 상위 프로토타입이 더 이상 존재하지 않습니다.

alert(a.prototype instanceof Object);//a의 프로토타입도 객체입니다 alert(a.prototype.__proto__ === Object.prototype);//a의 프로토타입의 상위 프로토타입은 다음을 가리킵니다. 객체의 프로토타입

var A = function(){}; A.prototype = new a(); A.prototype.say = function(){ Alert('A'); } alert(A 인스턴스Function);//A는 Function의 인스턴스입니다 alert(A.__proto__ === Function.prototype);//A의 상위 프로토타입은 Function의 프로토타입을 가리킵니다 alert( A.prototype instanceof a);//A의 프로토타입은 alert(A.prototype.__proto__ === a.prototype)의 인스턴스입니다.//A 프로토타입의 상위 프로토타입은 다음을 가리킵니다. 의 프로토타입

var iA = new A();//iA는 A의 인스턴스, iA.__proto__ === A.prototype var iB = new a();//iB는 a, iB의 인스턴스 .__proto__ === a.prototype iA.hi(); /* iA 자체에는 hi 메소드가 없습니다(구조에 없고 자체적으로 정의되지도 않음), 그래서 A.prototype인 iA.__proto__도 발견되지 않았습니다. 그래서 a.prototype인 A.prototype.__proto__를 검색했지만 여전히 아무것도 발견되지 않았습니다. 계속해서 a.prototype을 검색했습니다. .__proto__, Object.prototype입니다. 와, hi 찾았으니 호출하고 검색을 중단하세요. 출력: hi Object */ iB.hi(); /* iB 자체에는 hi 메소드가 없습니다(생성자에 없거나 자체적으로 정의되지 않음)(통과). 그래서 a.prototype인 iB.__proto__를 찾았지만 여전히 찾지 못했습니다. Object.prototype인 a.prototype.__proto__를 계속해서 찾아봤습니다. 와, hi를 찾아서 전화해서 검색을 멈췄습니다. 출력: hi Object */ a.hi( ); /* a 자체에는 hi 메소드가 없습니다(구성에 없고 자체적으로 정의되지 않았습니다). 그래서 find a.__proto__는 둘 다 Function.prototype입니다. 와, hi를 찾았습니다. , 그래서 호출하고 검색을 중단했습니다. 출력: hi Function */ iA.say(); /* iA 자체에는 say 메소드가 없습니다(구조에 없음, 자체적으로 정의되지 않았습니다), 그래서 A.prototype인 iA.__proto__를 찾아보니 와, say를 발견해서 호출하고 검색을 멈췄습니다 그래서 여기서 호출합니다. A.prototype.say 는 다음과 같습니다. A */ iB.say(); /* iB 자체에는 say 메소드가 없습니다(구성 중이거나 정의되지 않았습니다). 자체) ), 그래서 a.prototype인 iB.__proto__를 찾아보니 와, say를 발견해서 불러서 검색을 멈췄습니다 그래서 여기서 호출된 것은 a.prototype.say였습니다. 출력: a */ iA.bad(); /* iA 자체에는 잘못된 메서드가 없습니다(구조에 없거나 자체적으로 정의되지 않음), 그래서 A.prototype인 iA.__proto__도 찾아봤는데 그래서 A.prototype.__proto__, 즉 a.prototype을 찾아봤지만 아무것도 나오지 않았습니다 계속했습니다. a.prototype.__proto__, 즉 Object.prototype을 검색했는데 결국 찾지 못해 검색을 중단했습니다. 반환 오류, iA.bad는 함수가 아닙니다 */ // -->

수정해준 Simon에게 감사드립니다! 모든 인스턴스는 속성 메서드를 검색할 때 자신의 프로토타입을 검색하지 않습니다(인스턴스의 프로토타입은 프로토타입 체인에 없으며 속성으로만 사용할 수 있습니다)!

JavaScript 프로토타입 체인 예제 Sharing_javascript 기술

관련 기사