JS - Class继承

我们先回顾用函数实现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 是 我们自己的函数,所以声明。


posted @ 2018-08-25 22:18  3532  阅读(1403)  评论(0编辑  收藏  举报