Javascript原型继承：当父母和孩子收到相同的对象作为参数时的问题？

Question

我试图让原型继承以下列方式工作：

// Parent constructor
function Parent(obj) {
    this.id = obj.id || 0;
    this.name = obj.name || "";
};

// Child constructor
function Child(obj) {
    Parent.call(this,obj);
    this.type = obj.type || "";
}

Child.prototype = new Parent;

似乎教科书......但将obj 传递给父母和孩子似乎会导致问题； Parent 表示当孩子试图通过 Child.prototype = new Parent; 进行原型制作时，obj 未定义。我可以解决这个问题的唯一方法是使用这个丑陋的黑客：

// 'Hacked' Parent constructor
function Parent(obj) {
    if (obj) {
        this.id = obj.id || 0;
        this.name = obj.name || "";
    }
};

当然有更好的方法，但我在任何地方都找不到答案。请帮忙！！

Answer 1

Child.prototype = new Parent; 创建一个不带任何参数的新 Parent 并返回其原型，并将其分配给 Child.prototype。这种方法效果很好，但问题是它只适用于参数为 0 的父母（new Parent 在这种情况下相当于new Parent()）。

对于带参数的父构造函数，我建议定义一个继承函数来处理你的继承。

我之前提出的修复是Child.prototype = Parent.prototype;。这会起作用，但现在Child.prototype 是Parent.prototype 的引用，而不是对象。换句话说，如果您将方法 hello 添加到 Child，则 Parent 也会收到该方法。糟糕的时代！

这个问题的最佳解决方案是定义一些inherits函数：

function inherit(parentPrototype) {
  function F() {};
  F.prototype = parentPrototype;
  return new F;
}

我们在这里所做的与仅将 Parent.prototype 分配给 Child 略有不同。我们正在创建一个具有父原型的新函数，并返回函数 F 的新实例。因此，当您向 Child 添加方法时，实际上是在将它们添加到F函数。

现在要创建 Child 对象，您可以：

function Child() {};
Child.prototype = inherit(Parent.prototype); // returns an instance of F

然后您可以在不影响父级的情况下向子级添加方法。

Answer 2

看起来更愉快一点：

function Parent(obj) {
    if (!obj) {return;}
    this.id = obj.id || 0;
    this.name = obj.name || "";
}

您的继承风格更符合“经典”模式。

你也可以这样做：

Child.prototype = Parent.prototype;

...但是任何后续添加到 Child.prototype 的内容也将最终出现在 Parent 原型上（反之亦然）。

也许这就是为什么这种行为经常被包装成在需要时直接返回对象，以一种你不能轻易覆盖父对象的方式（尽管你可以通过 obj.constructor.prototype）：

Object.create = function (o) {
    function F() {}
    F.prototype = o;
    return new F();
};