javascript继承混淆

Question

这是一些代码

var Animal = function (name,color,sound){
    this.name = name;
    this.color = color;
    this.sound = sound;
}

Animal.prototype.doSomething = function (){
                              alert(this.sound);
}

var cate = new Animal('cate','black','meow');

cat.doSomething(); \\alerts 'meow' 

now i create another constructor function 

var Person = function (name){
    this.name = name;
}

下面我用 Animal.prototype 初始化了一个 Person.prototype

Person.prototype = Animal.prototype;

所以现在我们知道对象被分配为引用Person.prototype = Animal.prototype 会将Animal.prototype 分配给Person.prototype，所以如果我们向Person.prototype 添加类似

的方法

Person.prototype.doSomethingElse = function (){
                                   alert("some text to test");
}

Animal.Prototype 是否也获得了Person.prototype 的doSomethingElse 方法。

cate.doSomethingElse();

Answer 1

如果你这样做，只是为了澄清事情：

function Animal(){}
function Person(){}

Person.prototype = Animal.prototype;

那么Animal和Person共享同一个prototype对象，并且赋值后构造的Animal和Person的所有实例都具有相同的[[Prototype]]。

如果你这样做：

Person.prototype = new Animal();

这将使Person.prototype 成为Animal 的实例，因此Person 的实例将共享Animal.prototype 的所有方法，Animal 的实例将不共享任何自己的属性的Person.prototype。

例如如果你给Person.prototype添加一个方法，它不会被Animal的实例继承：

Person.prototype.foo = function(){};
var p = new Person();
var a = new Animal();

typeof p.foo; // function
typeof a.foo; // undefined

Answer 2

在您当前的代码中，两个原型引用都是完全相同的对象。当你说

Person.prototype = Animal.prototype;

然后

Person.prototype === Animal.prototype; // true

因此，您添加到Person.prototype 的任何方法也将在Animal.prototype 中（实际上，不是“也”；只有一个对象充当两个构造函数的原型）。

为避免这种情况，您可以使用 this 之类的函数：

function object(o) {
    function F() {}
    F.prototype = o;
    return new F();
}
Person.prototype = object(Animal.prototype);

在现代浏览器中，您可以改用Object.create：

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