JavaScript 多态变量继承

Question

我正在根据我在网上找到的不同示例在 JavaScript 中练习多态性（第一次尝试）。我知道在其他语言中我可以从扩展的超类中访问超类的变量，并且想知道如何在 JavaScript 中正确执行此操作。下面的代码不会抛出任何错误（至少就 Firefox 的错误控制台而言），但 statement 在 ExtendedClass 中未定义。

function MyClass() {
  this.statement = "I'm a class with a method";
  this.speak = function() {
    alert(this.statement);
  }
}
var mInstance = new MyClass();
mInstance.speak();

function ExtendedClass() {
  Object.create(MyClass);
  this.speak = function() {
    alert(this.statement+" and I extend a class");
  }
}
var eInstance = new ExtendedClass();
eInstance.speak();

我可以从ExtendedClass 访问statement 吗？这是实现多态的好方法吗？

Answer 1

可以使用MyClass.call(this)设置局部变量，然后使用Object.create设置原型，像这样

function MyClass() {
  this.statement = "I'm a class with a method";
  this.speak = function() {
    alert(this.statement);
  }
}
var mInstance = new MyClass();
mInstance.speak();

function ExtendedClass() {
  MyClass.call(this);
  this.speak = function() {
    alert(this.statement+" and I extend a class");
  }
}
ExtendedClass.prototype = Object.create(MyClass.prototype);
var eInstance = new ExtendedClass();
eInstance.speak();

您可以在MDN Docs查看更多信息

Answer 2

我是这样做的

function MyClass() {
  this.statement = "I'm a class with a method";
  this.speak = function() {
    alert(this.statement);
  }
}
var mInstance = new MyClass();
mInstance.speak();

function ExtendedClass() {
  MyClass.call(this);
  this.speak = function() {
    alert(this.statement+" and I extend a class");
  }
}
var eInstance = new ExtendedClass();
eInstance.speak();

不确定这是否是最好的语法，但我知道这是可行的，并且您可以正确继承 MyClass 及其所有公共方法和变量。

Answer 3

Prototypes 是您正在寻找的。​​p>

var MyClass = function(){}; //Empty Constructor
MyClass.prototype = {
    statement: "I'm a class with a method",
    speak: function(){
        alert(this.statement);
    }
};
var ExtendedClass = function(){}; //Empty Constructor
ExtendedClass.prototype = new MyClass();
ExtendedClass.prototype.speak = function(){
    alert(this.statement+" and I extend a class");
};
var eInstance = new ExtendedClass();
eInstance.speak();