JS中的原型继承以及如何获取父属性

Question

我试图让属性从父级继承，但我不清楚正确的方法。

可以说我有：

var Animal = function(name){
  this.offspring = [];
  this.name = name;
  return this;
}

Animal.prototype.createOffspring = function(name){
  name = name || 'Baby '+(this.offspring.length+1);
  this.offspring.push(name);
  return this;
}

现在我想添加一个子原型继承，这样我就不必手动添加父级的所有内容。例如，假设我想添加一个基于 Animal 的 Cat

我想这样做，就像它是一个 Animal

var pet = new Cat('Kitty');
pet.createOffspring();

没有必须手动将 name 和 createOffspring 添加到 Cat constructor 中，它实际上只是一个 Animal，但还有其他一些添加的功能（如 .meow() 或 某物）。

Answer 1

// Parent
function Animal() {
  this.name = 'An animal';
}

// Some child
function Cat() {
  this.speaks = 'Meow'; 
}
// Here comes inheritence
Cat.prototype = new Animal();
// Or like that
// but don't forget to put all inheritable fields to Animal's prototype
Cat.prototype = Object.create(Animal.prototype); 

// Let 'instanceof' work. Don't forget the following line, 
// because we eraese the info about constructor of Cat instances.
Cat.prototype.constructor = Cat;
// Add some custom method
Cat.prototype.meow = function() { return this.speaks; }

var cat = new Cat();
var animal = new Animal();

/// Some tests
cat.name; // A animal
animal.name; // An animal
cat.meow(); // Meow!
cat instanceof Cat; // true
cat instanceof Animal; // true

就是这样？
（UPD：原型错误已修复）
（UPD2：抱歉。已经是深夜了，我犯了很多错误..我必须去睡觉）

---

还有另一种解决方案，但它是 Chrome，FF 特定的（也许是其他）：

// Animal and Cat functions from above, but
Cat.prototype = {
  __proto__: Animal.prototype,
  constructor: Cat,
  meow: function() { ... }
}

看起来更短，但不会被诱惑因此：最好遵循 ECMAScript 标准。

Answer 2

正如您在 JavaScript 中所描述的那样，有许多不同的模式用于实现继承，并且它们在处理原型对象的方式方面存在细微的差异。

这里有一些关于原型模式和构造函数模式来帮助您入门。

这是您所描述内容的简单实现。