JavaScript 中的多重继承

Question

为什么这种类型的继承在 JavaScript 中不起作用。有什么方法可以执行此步骤。 请帮忙

function base() {}
base.prototype.findFirst = function() {
    console.log("FindMe First");
}

function base2() {}
base2.prototype.findMe = function() {
    console.log("FindMe ");
}

function inherit() {
    base.call(this);
    base2.call(this);
}

inherit.prototype = base.prototype;
inherit.prototype.constructor = inherit;
inherit.prototype = base2.prototype;
inherit.prototype.constructor = inherit;

var test = inherit();
test.findFirst();
test.findMe();

Answer 1

你正在用 base.prototype 覆盖原型，然后用 base2.prototype。所以它存储 base2.prtotype 即第二个分配的。现在，如果您创建继承类的实例 var test = new inherit(); 你会看到测试有 base2.property 即它在test.property.findMe(); 中有fimeMe() 方法。 为了实现您的目标，您应该尝试扩展或参考 Mixin Multiple Inheritance

Answer 2

Mixins 可用于 javascript 以实现您目前可能希望通过多重继承解决的相同目标。

Answer 3

我扩展了Function 原型，这不是最好的主意，但可以让您了解它的工作原理。它不是多继承，而是一棵继承树。

Function.prototype.extend = function(child)
{
    var childPrototype = child.prototype;
    child.prototype = Object.create(this.prototype);
    for (var property in childPrototype) {
        if (childPrototype.hasOwnProperty(property)) {
            child.prototype[property] = childPrototype[property];
        }
    }
    child.prototype.constructor = child;
    return child;
};

var base = (function()
{
    var base = function()
    {

    };

    base.prototype.findFirst  = function(x, y)
    {
        console.log("FindMe First");
    };

    return base;

}());

var base2 = base.extend(function()
{
    var base2 = function()
    {

    };

    base2.prototype.findMe = function(x, y)
    {
        console.log("FindMe ");
    };

    return base2;

}());

var inherit = base2.extend(function()
{
    var inherit = function()
    {

    };

    return inherit;

}());

var test = new inherit();
test.findFirst();
test.findMe();