在Javascript中递归调用“父”构造函数？

Question

我正在开发一个 web 应用程序，它具有类似于通过基于原型的继承创建的类层次结构的东西。我们不断向一个共同的祖先“类”添加功能，因此它的构造函数签名不断扩展。

每次我们更改祖先的签名时，我们还必须将更改传播到后代的构造函数。这显然是一个可维护性问题，所以我创建了一个函数，它从arguments 对象中提取父级的参数并使用Function.apply() 调用父级。

代码如下所示：

BaseClass.prototype._super = function(args) {
    args = Array.prototype.slice.call(args, this.constructor.length);
    this.parentConstructor.apply(this, args);
};

并像这样使用：

function Child(child_arg1, child_arg2 /*, implicit parent args */) {
    this._super(arguments);
}

（我不能使用arguments.caller.arguments，因为代码是严格模式。 this.parentConstructor 由构建类层次结构的函数设置。）

不幸的是，这只适用于一层继承：例如，如果A的父类B有自己的父类C，当B调用_super时，this.parentConstructor仍然指向B，这意味着B最终会调用自己陷入无限循环。

如果我将 parentConstructor 字段与构造函数 Functions 对象一起存储（而不是在原型中），我将不得不传入当前调用函数。这将使调用的行与周围的函数超级紧密耦合，这是我试图避免的。

那么有谁知道更好的方法吗？

Answer 1

几天前我问过a related question，Kamyar Nazeri's answer帮了我很多。

避免您的问题的方法是在定义新构造函数的闭包中定义_super，以便它始终引用正确的父对象。以下模式对我来说效果很好：

var BaseClass = 
{
   create: function() // Basically a constructor
   {
      var obj = Object.create({});

      obj.someProperty = "initial value based on arguments";

      return obj;
   };
};

var Child = (function buildChild(){
   var obj    = BaseClass.create("some value", "another argument")
     , _super = Object.getPrototypeOf(obj);

   // override BaseClass.create()
   obj.create = function()
   {
      var obj = _super.create.apply(this, arguments);

      // Child specific initializations go here

      return obj;
   };

   return obj;
})(); // note that this gets called right away

var c = Child.create("some argument", "another thing");

console.log(BaseClass.isPrototypeOf(c)); // true

请注意，对于旧版浏览器，您需要为 Object.create() 和 Object.getPrototypeOf() 提供 shims。我发现 this ECMAScript 5 shim 很有帮助。我通常只拔出我正在使用的垫片。