怎样使用super关键字调用父类？

super关键字用于访问和调用对象在父类上的方法，可以调用父类的构造方法，也可以调用父类的普通方法。示例代码如下。

class Father {
    constructor(x, y) {
        this.x = x;
        this.y = y;
    }
    sum() {
        console.log(this.x + this.y);
    }
}
class Son extends Father {
    constructor(x, y) {
        super(x, y); //调用父类的构造方法
    }
}
var son = new Son(1, 2);
son.sum(); //输出结果：3

super关键字也可以调用父类的普通方法，示例代码如下。

class Father {
    say() {
        return '我是父类';
    }
    class Son extends Father {
        say() {
            console.log(super.say() + '的子类'）;
            }
        }
        var son = new Son(1, 2);
        son.say(); //输出结果：我是父类的子类

在上述代码中，当子类和父类具有同名方法(即say()方法)的时候，因为最后实例化的对象是子类对象，所以子类的say()方法会覆盖父类的say()方法。如果想要让父类的say()方法也执行，就要在子类的say()方法中通过super.say()调用父类的say0方法。

子类在继承了父类以后，也可添加一些属于自己的方法，示例代码如下。

class Father {
    constructor(x, y) {
        this.x = x;
        this.y = y;
    }
    sum() {
        console.log(this.x + this.y);
    }
}
class Son extends Father {
    constructor(x, y) {
        super(x, y); // super必须在子类的this之前调用
        this.x = x;
        this.y = y;
    }
    subtract() { //子类特有的方法
        console.log(this.x - this.y);
    }
}
var son = new Son(5, 3);
son.sum(); //输出结果：8
son.subtract(); //输出结果：2

在上述代码中，第12行在子类的构造方法中使用了super,super必须放在this的前面，否则会报错。也就是说，子类必须先调用父类的构造方法，才能继续执行自己的构造方法。

使用 this关键字调用本类的构造方法

final关键字只能赋值一次不能多次赋值？

ES6中class关键字是怎样定义和使用类的？

static关键字怎样控制成员变量？

黑马程序员web前端开发培训