javascript - 为什么javascript继承会这样工作？

Question

当我们使用 javascript 继承，并且子类从其父类继承时，我们总是这样做：

var klass = function(){ this.init.apply(this, arguments)};

if(parent) {
    var subclass = function(){};
    subclass.prototype = parent.prototype;
    klass.prototype = new subclass;
}

上面的代码来自《Javascript Web Application》，我很困惑它和下面有什么区别：

var klass = function(){ this.init.apply(this, arguments)};
if(parent) {
    klass.prototype = parent.prototype;
}

谁能给我解释一下？

Answer 1

var klass = function(){ this.init.apply(this, arguments)};
if(parent) {
    klass.prototype = parent.prototype;
}

在这段代码中，klass.prototype 被设置为与 parent.prototype 相同的对象（parent 和 klass 共享相同的原型）。因此，如果您这样做：

klass.prototype.myFunc = function() {}

var p = new parent();
p.myFunc // myFunc will be available on all instances of parent (which is bad!)

更糟糕的是，如果你有

parent.prototype.myFunc = function() { console.log('I parent'); };

并且您尝试覆盖 klass 的 myFunc 函数：

klass.prototype.myFunc = function() { console.log('I child'); };

var p = new parent()
parent.myFunc() // I child

您可以看到为什么共享原型是一个坏主意。