¿Por qué no puedo heredar el prototipo de la clase Animal en mi código de JavaScript?

Question

estoy tratando de crear una nueva clase que hereda Dog través de la herencia de prototipo de la clase Animal:

function Animal() { 
    this.name = "animal"; 
    this.writeName = function() { 
    document.write(this.name); 
    }  
} 

function Dog() { 
    this.name = "dog"; 
    this.prototype = new Animal(); 
} 

new Dog().writeName() 

JS Fiddle

Sin embargo, me sale un error de Javascript: Uncaught TypeError: Object #<Dog> has no method 'say'.

¿Por qué? ¿No debería el objeto Dog conservar un objeto Animal como prototipo?

Answer 1

@ respuesta de Ryan es correcta, por supuesto, pero en realidad no dicen lo que es diferente acerca de ello y puede que no sea evidente para un principiante, así que ...

El error que está haciendo es que this.prototype = new Animal(); asigna una instancia Animal a una propiedad denominada prototype de la corriente Dogejemplo (contempladas en el this), pero no hay nada especial acerca de una propiedad denominada prototype en este contexto.

La propiedad prototype es solo mágica en función objetos. Cuando crea una nueva instancia de SomeFunc utilizando new SomeFunc(), el puntero interno/oculto [[prototype]] del nuevo objeto se referirá al objeto al que apunta SomeFunc.prototype. El nombre prototype no es especial en ningún otro contexto.

Answer 2

La propiedad "prototipo" es solo una propiedad regular. La propiedad real [[Proto]] que trata con la delegación está oculta y no se puede manipular directamente después de crear un objeto (excepto con algunas extensiones: en Firefox, es la propiedad __proto__).

Una correcta Ejemplo de herencia de Javascript que es similar en espíritu a lo que está haciendo utilizaría Object.create para crear un perro con el correcto [[Prototype]] propiedad:

function Animal() { 
    this.name = "animal"; 
    this.writeName = function() { 
    document.write(this.name); 
    }  
} 

function Dog() { 
    var dog = Object.create(new Animal()) 
    dog.name = "dog"; 
    return dog; 
} 

(new Dog()).writeName() 

Un ejemplo más idiomática haría sea ​​algo así como la respuesta de Ryan, aunque recomendaría usar Object.create en lugar de new Animal para crear una instancia del prototipo de perro y pondría los métodos de animales en un prototipo de animal separado en lugar de unirlos manualmente en el constructor como lo está haciendo.

Answer 3

function Animal() { 
    this.name = "animal"; 
    this.writeName = function() { 
    document.write(this.name); 
    }  
} 

function Dog() { 
    this.name = "dog"; 

} 
Dog.prototype = new Animal(); 
dog = new Dog(); 
dog.writeName(); 

ahora perro tiene todas las propiedades de los animales.

jsfiddle