Использование InstanceOf с прототипным наследованием в JavaScript

Question

Я пытаюсь использовать прототипное наследование, но у меня возникают проблемы.

Это не работает

var Parent = function(){ 
} 

var Child = function(){ 
    this.__proto__ = new Parent(); 
} 

var child = new Child(); 

console.log(child instanceof Child) //logs false 

Но это делает

var Parent = function(){ 
} 

var Child = function(){ 

} 
Child.prototype = new Parent(); 

var child = new Child(); 

console.log(child instanceof Child) // logs true 

Единственная причина, почему я хочу первый вариант, так что я могу использовать конструктор родителя. Я предполагаю, что this проблема, но я не настолько хорош в javascript. Как это сделать?

Answer 1

Лучший способ сделать это состоит в callParent конструктор на this:

var Child = function(){ 
    Parent.call(this); 
} 

Таким образом, код Parent конструктор работает с this набором к this в Child конструктора, но вы не» t изменить __prototype__ от this.

В ваших двух примерах есть экземпляр child, который является структурно одинаковым. Однако, главное отличие в том, что в вашем первом примере, Child.prototype != child.__proto__. Хотя верно, что Child.prototype и child.__proto__ оба объекта с __proto__Parent.prototype, они не являются точно таким же объектом, поэтому instanceof не удается.

Вы можете также хотите сделать так, чтобы Child.prototype = Object.create(Parent.prototype);Child экземпляры имеют доступ к Parent «s метод прототипа. (В настоящее время у вас нет методов на Parent.prototype, но, может быть, вы когда-нибудь будете.)