将参数传递给Javascript子类[重复]

Question

我要解决的问题是将参数传递给对象子类的构造函数。

这段代码——函数不带参数——有效。它包括两个场景，一个创建 MyClass 的实例，另一个创建 MySubClass 的实例：

<input type="button" value="Scenario 1" onclick="Scenario1()" />
<input type="button" value="Scenario 2" onclick="Scenario2()" />


function MyClass() {
    this.value = "test";
}
MyClass.prototype.function = function(){
    alert(this.value);
}


function MySubClass() {
}
MySubClass.prototype = new MyClass();

function Scenario1() {
    var myClass = new MyClass();
    myClass.function();
}
function Scenario2() {
    var mySubClass = new MySubClass();
    mySubClass.function();
}

单击任一按钮会导致显示“测试”的警报框。

现在，我想做的是让函数 MyClass 接受一个参数。这适用于直接创建 MyClass 的实例。但是 MySubClass 的实例不起作用。这在概念上是我想要的：

function MyClass(val) {
    this.value = val;
}
MyClass.prototype.function = function(){
    alert(this.value);
}


function MySubClass(val) {
}
MySubClass.prototype = new MyClass();

function Scenario1() {
    var myClass = new MyClass("scenario 1");
    myClass.function();
}
function Scenario2() {
    var mySubClass = new MySubClass("scenario 2");
    mySubClass.function();
}

场景 1 按预期显示“场景 1”。对于场景 2，永远不会设置“值”成员。显然，从我的语法来看，情况就是这样。

有没有一种语法可以实现我所追求的？请注意，对任何解决方案的限制是“函数”必须添加到 MyClass 原型中，而不是被定义为内部函数（例如 this.function=function()）

Answer 1

这就是实现继承的方法。向原型链上传递值的方法是调用父构造函数并传播参数。

function Parent(x) {
  this.x = x;
}

Parent.prototype.showX = function() {
  console.log(this.x);
}

function Child(x) {
  Parent.call(this, x);  // call the parent constructor
}

Child.prototype = Object.create(Parent.prototype);

new Child('example').showX()