자바 스크립트 프로토 타입 상속 및 'new'키워드

Question

JavaScript에서 프로토 타입 상속을 사용하여 놀았으며 new 키워드의 동작에 혼란스러워했습니다. 상속 된 객체의 [[prototype]] 속성이 Function.prototype을 가리키는 이유와 상속 된 객체의 프로토 타입이 아닌 이유를 이해할 수 없습니다. 2 개 생성자 (아래) 기능을 고려 : 생성자 함수 Cat의 프로토 타입을 쿼리

function Animal(name) { 
    this.name = name; 
} 

function Cat(name) { 
    Animal.call(this, name); 
} 

Cat.prototype = new Animal(); 

을, 나는 몇 가지 흥미로운 결과를 얻을 :

나의 이해는 Cat의 [[prototype]]는 점에 업데이트해야합니다 것을

Cat.__proto__ === Animal.prototype; //returns false -- shouldn't this be true? 
Cat.__proto__ === Function.prototype; //returns true 
Cat.prototype instanceof Animal; //returns true, as expected 

Animal.prototype으로 설정하면 프로토 타입 속성이 Animal의 새 인스턴스로 설정됩니다. 본질적으로는

1. Animal.prototype 및
2. 내부적으로 설정된 새 개체를 Cat.[[prototype]] ~ Animal의 외부 프로토 타입 속성을 기반으로 만드시겠습니까?

Chrome과 FF에서 동일한 결과를 얻으려고했습니다. 뭐라 구요?

또한, 때 new Animal()에Cat.prototype를 할당 , Cat.prototype 무엇을해야 하는가? 즉 :

//if Cat.prototype = new Animal(); 
//then 
Cat.prototype === Animal.prototype; //get false. Should this be true? 

Answer 1

Cat.__proto__ === Animal.prototype; //returns false -- shouldn't this be true? 
Cat.__proto__ === Function.prototype; //returns true 

Cat 생성자 함수이다. 따라서 Function.prototype에서 상속 받고 Object.prototype에서 상속됩니다. Animal 생성자 및 다른 모든 함수 개체에도 마찬가지입니다.

Cat.prototype에 할당했기 때문에 Cat 생성자 자체의 상속 링크가 변경되지 않습니다 (상속 링크는 어쨌든 변경할 수 없습니다).

Cat 인스턴스는 Cat에서 상속되지 않지만 Cat.prototype에서 상속됩니다. 따라서 어쨌든 Cat 생성자의 프로토 타입 링크는 신경 쓰지 않아도됩니다.

Answer 2

[[prototype]] 속성이 Constructor 함수 대신 Object에 의해 소유됨을 나타냅니다. 은 그래서 예를 들어, 당신은

Cat.prototype.__proto__ === Animal.prototype; //Return true 

공용

Instance.__proto__ === Constructor.prototype; //Retrun true 

고양이 기능 유형의 인스턴스 생성자 함수 말할 것을 발견 할 것이다, 그래서 당신은이 결과를보고

Cat.__proto__ === Function.prototype; //Return true 

내 영어가 너무 지독하지만, 내가 뭔가 설명했으면 좋겠다. :-)