从子类调用超类函数的正确方法

Question

SuperClass = function()
{
    this.info = "I am superclass";
    console.log("SuperClass:");
};

SuperClass.prototype.printInfo = function(that)
{
    console.log("printing from superclass printInfo");
    console.log(that.info);
};

SubClass = function(){};

SubClass.prototype = new SuperClass();

SubClass.prototype.printInfo = function()
{
    console.log("calling superclass");
    this.constructor.prototype.printInfo(this);
    console.log("called superclass");
};

var sc = new SubClass();
sc.printInfo();

您可以看到，我正在将“that”作为参数传递给PrintInfo。如果没有“that”参数，“info”将打印为“undefined”。像下面的例子一样，当从“子类”的对象调用此函数时，“this.info”是未定义的。

SuperClass.prototype.printInfo = function()
    {
        console.log("printing from superclass printInfo");
        console.log(this.info);
    };

如何在javascript中重写和调用超类的方法，使函数能够访问类的实例变量？

Answer 1

您正在用超类的对象扰乱子类的原型，如下所示

SubClass.prototype = new SuperClass();

孩子的原型应该依赖于父母的原型。所以，你可以这样继承

SubClass.prototype = Object.create(SuperClass.prototype);

另外，将构造函数更改为实际函数是很正常的，如下所示

SubClass.prototype.constructor = SubClass;

SubClass.prototype.printInfo = function() {
    Object.getPrototypeOf(SubClass.prototype).printInfo(this);
};

var SubClass = function() {
    SuperClass.call(this);
};