Попытка понять наследование в JavaScript - что здесь происходит?

Question

Почему это говорит «Animal» вместо «kitty»?

// create base class Animal 
function Animal(animalType) { 
    this.type = animalType; 
    this.sayType = function() { 
     alert(this.type); 
    }; 
} 

// create derived class Cat 
function Cat(myName) { 
    Animal.call(this, "cat"); // cat calls the Animal base class constructor 

    this.name = myName; 

    this.sayName = function() { 
     alert(this.name); 
    }; 
} 

Cat.prototype = Object.create(Animal); // set Cat's prototype to Animal 

// instantiate a new instance of Cat 
var cat = new Cat("kitty"); 

cat.sayName(); 
cat.name = "lol"; 
cat.sayName(); 

http://jsfiddle.net/dgcoffman/MguUA/5/

Answer 1

Object.create(Animal); // set Cat's prototype to Animal 

Да, но функции Animal конструктора (или, если быть точным: на новый объект наследует от этой функции объекта - проверить docs for Object.create). Это вряд ли то, что вы хотите - и объясняет ваш любопытный результат: "Animal", так как это Animalfunction's name property.

Вместо этого, вы хотите построить цепочку прототипов, так что экземпляры кошек наследуют от Cat.prototype который наследуется от Animal.prototype (который наследуется от Object.prototype):

Cat.prototype = Object.create(Animal.prototype); 

Кроме того, для прототипа наследования, вы должны, но в sayName и sayType методы объекта-прототипа (и только один раз):

Animal.prototype.sayType = function() { 
    alert(this.type); 
}; 
Cat.prototype.sayName = function() { // after creation of that object, of course 
    alert(this.name); 
}; 

Answer 2

Вы звоните в пути, который делает что-то другое, чем то, что я держал пари, вы думаете, что делает Object.create(). Попробуйте это изменение:

Cat.prototype = Object.create(new Animal); 

Object.create() функция ожидает, что ее первый аргумент, чтобы быть объекта для использования в качестве прототипа для возвращаемого объекта. Когда вы передаете имя функции «Animal», это означает, что вы хотите, чтобы объект-прототип был тем функциональным объектом, а не объектом , созданным функцией.

редактировать — ответ Берги в вовлечение непосредственного использования животного прототипа, вероятно, имеет больше смысла, хотя от того, что вы вывесили там не животное прототип объекта с ничего интересного на нем. Возможно, это где-то еще в вашем коде, или будет добавлено позже. В любом случае, если он существует, лучше делать то же, что и в его ответе.

Поскольку ваш конструктор «Cat» сразу же набирает свойство «sayType» из конструктора Animal, неясно, что вы пытаетесь сделать, установив прототип Cat.