JS - Class继承-优快云博客

博客回顾了用函数实现的方法，介绍用新关键字编写代码的方式。解释了继承所需的 extends、constructor、super(xxxx) 等要素，还以 constructor 构造函数为例，说明了参数继承和新参数的处理，提及类似 Python 的用法。

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

转载于:https://www.cnblogs.com/3532gll/p/9535610.html