JavaScript的 - 特别多继承

Question

说我有以下对象类型：

var Positionable = function() { }; 
Positionable.prototype.x = 0; 
Positionable.prototype.y = 0; 

var Sizable = function() { }; 
Sizable.prototype.w = 0; 
Sizable.prototype.h = 0; 

var Fadable = function() { }; 
Fadable.prototype.a = 0; 

我想有一个功能，让我创造条件，从其他几种类型的继承子类型。例如，我可以创建一个类型为Rectangle，它将继承Positionnable和Sizable。

我所能链原型：

var Rectangle = function() { }; 
Sizable.prototype = new Positionable; 
Rectangle.prototype = new Sizable; 

但我不喜欢这种方法FO两个原因：

• 它会导致可调整大小从Positionable继承，这意味着，如果我想另一个类型是可变的而不是Positionable，我做不到;

• 这意味着一个Sizable对象也是Positionnable，其语义上是不好的，因为没有理由为Sizable对象是Positionnable，而不是其他方式。

所以，我首先想到的关于合并的原型，假设我有一个函数void merge(type dst, type src, bool overwrite)，回路我会简单地合并每个基类的原型到子类的原型。这不会创建一个链（这是我想如上所述）

但是这会导致另一个问题：因为我没有使用新的基础构造函数不会被调用。所以我想知道，有没有办法也可以合并构造函数？例如，如果我可以访问和引用基础构造函数，我可以将这些基础构造函数存储在一个数组中，并为子类型构造函数分配一个函数来调用每个构造函数。

我怎么能这样做与构造函数？或者，也许有另一种方式？

感谢您的帮助！

Answer 1

由于JavaScript不支持多重继承，因此您必须解析为mixins。这就像你说的，你必须将其中一个原型的方法复制到子原型。

应该在子构造函数中调用构造函数。这里有一个例子：

参见：Benefits of using `Object.create` for inheritance

---

function mixin(Target) { 
    var args = arguments; 

    // merge prototypes 
    for(var i = 1; i < args.length; i++) { 
     merge(Target.prototype, args[i].prototype); 
    } 

    // a new constructor function which calls all 
    // the passed constructor functions 
    var F = function() { 
     var instance = Target.apply(this, arguments); 
     for (var i = 1; i < args.length; i++) { 
      args[i].call(instance); 
     } 
     return instance; 
    }; 
    F.prototype = Target.prototype; 
    return F; 
}; 

// usage 

Rectangle = mixin(Rectangle, Sizeable, Positionnable); 

这工作一个假设下：在mixin的构造函数不要指望任何参数。如果您必须将参数传递给它们，则必须在目标/子构造函数中显式调用它们。

Answer 2

if you use Object.Create(),you have to think about browser compatibility. you can write 
a function to resolve the issue.eg: 

    function multipleinheritPrototype() { 
     if (arguments.length == 0) { 
      return; 
     } 
     var args = arguments; 
     var sub = args[0]; 
     var constructor = sub.prototype.constructor; 
     if (!Object.create) { 
      Object.prototype.create = function (obj) { 

       function f() { 
       } 

       f.prototype = obj; 
       return new f(); 
      }; 
     } 
     var base; 
     for (var i = 1; i < args.length; i++) { 
      base = Object.create(args[i].prototype); 
      for (var attr in base) { 
       sub.prototype[attr] = base[attr]; 
      } 
     } 
     sub.prototype.constructor = constructor; 

    }  
    you can such so use it. 
    multipleinheritPrototype(Rectangle, Sizeable, Positionnable);