javascript - 尝试通过 .prototype 属性理解/学习/使用 javascript 中的继承

Question

我正在尝试理解 javascript 继承/原型(prototype)。

我这样做了:

function Foo(par){
    this.prop= par;
    this.propTwo = par;
}
function Bar(par){
    this.p=par;
}
Bar.prototype = new Foo();

如果我这样做:

var myBar = new Bar("value");

myBar.propTwo 未定义(我假设这是因为即使我覆盖原型(prototype)，我也明确使用 Bar“构造函数”<< 请纠正我如果我的这个假设是错误的。

如果我希望 Bar 继承自 Foo，我应该如何创建 Bar 的实例或将构造函数重写为在创建 myBar 对象时获取也定义/分配的 propTwo (注意传递的相同参数被分配给这两个 props)？

我什至不确定我在这里是否做了“好事”，所以如果我完全错了，没关系，如果可以修复，请不要犹豫细节。

更新: 我选择了Ethan Brown's答案是正确的，因为 1 分钟。差异(无关个人)。两种解释都很好，并且使用了两种不同的方式(实际上想法是相同的，一种使用“apply”，另一种使用“call”)。

还有Bergi's链接/评论事实证明这是关于为什么不使用这种方法的扩展答案/理由:

What is the reason to use the 'new' keyword here?

感谢您的回答/ Material 。

Answer 1

如果我正确理解你的问题，你想知道为什么 prop和propTwo未在 myBar 中设置当您声明Bar时成为 Foo 的子类.

答案是构造函数不会自动调用其原型(prototype)的构造函数。我想你可能想要的是这样的:

// parent class
function Foo(par){
    this.prop = par;
    this.propTwo = par;
}

// subclass
function Bar(par){
    Foo.call(this, par);  // invoke parent class constructor
    this.p = par;         // custom construction
}
Bar.prototype = new Foo()

正如 Bergi 在下面的评论中指出的那样，通过将子类的原型(prototype)设置为父类的新实例来进行子类化可能就是您想要的:这使得所有子类型实例都继承自父类的实例，而不是父类的实例原型(prototype)。如果您希望模拟经典继承，最好的选择是使用 Object.create方法:

Bar.prototype = Object.create(Foo.prototype);
Bar.prototype.constructor = Bar;

请参阅MDN documentation on Object.create 了解更多信息。您可能还想阅读 link Bergi mentioned ，和this SO question .