Javascript继承设计问题

Question

以下代码片段显示了我如何创建继承。我受到这篇文章的启发。

function Base() {
    this.init();
}

Base.prototype.init = function () {
};

Derived1.prototype = new Base();
Derived1.prototype.constructor = Derived1;
Derived1.superclass = Base.prototype;

function Derived1() {    
}

Derived1.prototype.init = function() {
    Derived1.superclass.init.call(this);
};

Derived2.prototype = new Derived1();
Derived2.prototype.constructor = Derived2;
Derived2.superclass = Derived1.prototype;

function Derived2() {
    Derived2.superclass.init.call(this);
}

当浏览器加载此 js 文件时，将调用所有构造函数。

Derived2.prototype = new Derived1();

这可能会导致一些意外的行为。

有什么办法可以阻止这种行为吗？

Answer 1

在我看来，这是一个糟糕的继承模式。如果父构造函数需要传递参数怎么办？

子类的原型应该继承父类的原型，而不是它的实例。一些库是这样实现的：

function inherit(Child, Parent) {
    var F = function(){};
    F.prototype = Parent.prototype;
    Child.prototype = new F();
    Child.prototype.constructor = Child;
}

用作：

inherit(Derived1, Base);

然后在子级的构造函数中，您必须调用父级的构造函数：

function Child() {
    Parent.call(this);
}

当然，如果您愿意，您也可以添加一个 superclass 属性。