JS - Class继承

Posted 2021-01-01 还能做好什么

我们先回顾用函数实现Student的方法：

function Student(name) {
    this.name = name;
}

Student.prototype.hello = function () {
    alert(‘Hello, ‘ + this.name + ‘!‘);
}

如果用新的class关键字来编写Student，可以这样写：

class Student {
    constructor(name) {
        this.name = name;
    }

    hello() {
        alert(‘Hello, ‘ + this.name + ‘!‘);
    }
}

比较一下就可以发现，class的定义包含了构造函数constructor和定义在原型对象上的函数hello()

用class定义对象的另一个巨大的好处是继承更方便了，一想我们从Student派生一个PrimaryStudent需要编写的代码量。现在，原型继承的中间对象，原型对象的构造函数等等都不需要考虑了，直接通过extends来实现：

class primereStudent extends Student(name,grade){
    constructor(name,grade){
        super(name);
        this.grade=grade;
    }
    saygrade(){
        return (‘My grade is: ‘ + this.grade );
    }
}

 解释：  要想继承，必须有 extends，constructor ，super(xxxx), 我们这里，constructor构造函数，name 是 我们继承过来的，所以要super(name)/*类似python*/,   grade是新参数，所以要 this.grade=grade,

              asygrade 是 我们自己的函数，所以声明。