Javascript 原型继承的怪异

Question

我正在尝试完成一些 javascript 继承示例，但我遇到了这个问题：

function Animal(){}
Animal.prototype.type = "animal";
Animal.prototype.speak = function(){ console.log( "I'm a " + this.type + 
    ". I can't really talk ;)" ); }

function Dog(){}

function F(){}
F.prototype = Animal.prototype;

Dog.prototype = new F();
Dog.prototype.constructor = Dog;
Dog.prototype.type = "Dog";
Dog._super = Animal.prototype;
Dog.woof = function(){ console.log( "Woof!" ); _super.speak(); }

var rover = new Dog();
rover.woof();

我得到了这个，但我不知道为什么：

TypeError: Object #<Dog> has no method 'woof'

我知道我可以将未找到的方法放入构造函数中，但我正在尝试通过原型修改来做到这一点。我在这里做错了什么？

Answer 1

更改：

Dog._super = Animal.prototype;
Dog.woof = function(){ console.log( "Woof!" ); _super.speak(); }

至：

// Dog.prototype._super = Animal.prototype; <- you can remove this line
Dog.prototype.woof = function(){ console.log( "Woof!" ); this.speak(); }

Answer 2

Dog 伪类定义的最后一个字符串是错误的。应该是

Dog.prototype.woof = function(){ console.log( "Woof!" ); Dog._super.speak.call(this); }

1. 您应该将方法 woof 定义为 Dog 原型的属性。
2. _super 只能作为 Dog 构造函数的属性使用。
3. 您应该在当前实例的上下文中调用父类的方法。

Answer 3

所以你的 woof 方法实际上是一个静态方法（如果你来自 java。基本上，它挂在 Dog 函数上，并且可以在没有 Dog 实例的情况下访问。即：Dog.woof()）

让它工作对于狗的实例，您需要确保它是原型定义（同样，用 Java 类比，实际上是实例方法定义）。正如 qwertymik 所说，

Dog.prototype.woof = function(){ console.log( "Woof!" ); this.speak(); }

那么你就可以做到

var foo = new Dog();
foo.woof();

Answer 4

也许你的意思是这样做：

Dog.prototype._super = Animal.prototype;
Dog.prototype.woof = function(){ console.log( "Woof!" ); this._super.speak(); }

Answer 5

//Rewrote the code to make it work

function Animal(){}
Animal.prototype.type = "animal";
Animal.prototype.speak = function(){ console.log( "I'm a " + this.type + 
    ". I can't really talk ;)" ); }

function Dog(){}
function F(){}

F.prototype = Object.create(Animal.prototype); //F inherits from animal
Dog.prototype = Object.create(F.prototype);    //Dog inherits from F

Dog.prototype.constructor = Dog; //resetting the constructor to Dog object
F.prototype.constructor=F;       // resetting the constrctor to F object 

Dog.prototype.type = "Dog";

Dog.prototype.woof = function(){ console.log( "Woof!" ); this.speak(); } //adding woof method to the prototype of dog

const rover = new Dog();

rover.woof();

// output
// Woof!
// I'm a Dog. I can't really talk ;)