javascript继承中的堆栈溢出

Question

我有下面的程序

Object.prototype.inherit = function(baseConstructor) {
  this.prototype = (baseConstructor.prototype);
  this.prototype.constructor = this;
};
Object.prototype.method = function(name, func) {
  this.prototype[name] = func;
};

function StrangeArray(){}
StrangeArray.inherit(Array);
StrangeArray.method("push", function(value) {
  Array.prototype.push.call(this, value);
});

var strange = new StrangeArray();
strange.push(4);
alert(strange);

，当我运行它时，我得到堆栈溢出？ 为什么？

Answer 1

您将 StrangeArray.prototype 设置为 Array.prototype。 稍后，您将向 StrangeArray.prototype 添加一个 push 方法（现在与 Array.prototype 相同）。 所以你实际上是在设置Array.prototype.push。 您的 push 方法调用 Array.prototype.push - 即它本身。 所以它最终只是重复地调用自己，然后就会出现堆栈溢出。

Answer 2

乔恩是对的。 这是修复它的方法。 这将允许您将 StrangeArray.prototype 设置为 Array 的新实例，而不是将 StrangeArray.prototype 设置为 Array.prototype，因此它继承了 Array.prototype 的属性（无需调用 Array 的构造函数）。

Object.prototype.inherit = function(baseConstructor) {
  var tmp = Function();
  tmp.prototype = baseConstructor.prototype;
  this.prototype = new tmp();
  this.prototype.constructor = this;
};

---

编辑：

this.prototype = new baseConstructor();

在此示例中有效，但在更复杂的程序中效果不佳。 如果基本构造函数执行一些初始化，例如创建 DOM 元素、递增计数或连接到服务器，则所有初始化都将在脚本加载时发生，而不是在实例化子对象时发生。

处理这个问题的另一种方法是在构造函数中区分它是被调用用于继承（分配给原型）还是只是为了实例化，如果是被调用用于继承，则不执行初始化操作。 但我更喜欢在继承时不调用构造函数，因此在继承时为构造函数使用空函数。

我不太擅长解释这些东西。 我推荐 Crockford 的网站以及两篇文章 Javascript 继承。

Answer 3

实际上，您只需将实际对象的原型设置为 baseConstructor 的新实例：

Object.prototype.inherit = function(baseConstructor) {
  this.prototype = new baseConstructor();
};

我还建议您查看一下 原型继承技术非常干净。