javascript - 继承原型(prototype)

Question

拥有父类:

function Animal() {
  // do something
}

Animal.prototype.walk = function() {
  alert('I am walking.');
};

和子类:

function Lion() {
  // do something
}

如果我想让Lion继承Animal的原型(prototype)，一个常见的做法是:

Lion.prototype = new Animal();

// Set the constructor to Lion, because now it points to Animal
Lion.prototype.constructor = Lion;

这与此有什么不同(作为结果而不是性能)？

$.extend(Lion.prototype, Animal.prototype);

对于非 jquery 开发人员:$.extend复制所有原型(prototype)方法和属性，从 Animal 到 Lion 一个一个。

我不是javascript继承方面的大专家。我通常使用 MVC 框架进行前端开发，一切正常，但现在我也想了解继承原型(prototype)的工作原理。

注意!我读了很多关于这个主题的文章，我知道有很多"plugins"实现了 Class 功能。这不是我需要的。请回答问题，而不仅仅是链接有关该主题的文章(除非能回答问题)。

谢谢!

Answer 1

有一个区别，复制两个原型(prototype)之间的属性不会使它们“连接”到彼此，即:

$.extend(Lion.prototype, Animal.prototype);

// add one more method to the prototype
Animal.prototype.test = function() {
  alert('test');
};

var x = new Lion();
x.test(); // TypeError: Object <Lion> has no method 'test'

如果您使用 new Animal() 作为 Lion 的原型(prototype)，您将不会有这个，如 here 所示.