ES6中的Class关键字和super()方法，使用详细（class类和super()方法）-Toy模板网

这篇具有很好参考价值的文章主要介绍了ES6中的Class关键字和super()方法，使用详细（class类和super()方法）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

简介：在ES6中，我们可以使用class关键字来定义类，并通过extends关键字实现类的继承，然后在子类中，我们可以使用super()关键字来调用父类的构造函数；今天来分享下class关键字的使用详细。

1、首先，使用class关键字，定义一个父类；

这里定义一个名为Fatherfn的class类，类名字首字母要大写

class Fatherfn{ 

    constructor是默认构造方法，不能修改
    constructor(name) { 
        this.name = name;
                     }
    父类中的eat()方法
    eat() { 
        console.log(`${this.name} is eating.`);
        }

   }

2、然后再定义一个子类，通过extends、super()方法，继承父类名为Fatherfn的class类；

这里再定义一个名为Son的class类，并通过extends继承上面名为Fatherfn的类

这里继承extends Fatherfn ，继承父类属性
class Son extends Fatherfn { 

        constructor是默认构造方法，不能修改
        constructor(name, hobby) {
                结合super()方法, 可以继承调用父类的构造函数
                super(name); 
                this.hobby= hobby;
                                 } 
        子类中的drink()方法 
        drink() { 
                console.log(`${this.name} is drinking.`); 
                } 

    }

3、最后，创建一个子类的实例对象；

const demoFn= new Son("Buddy", "study");

// 调用子类的方法 
demoFn.eat(); 
// 输出：Buddy is eating. 

demoFn.drink(); 
// 输出：Buddy is drinking.

可以看到这里既可以使用父类函数中的eat()方法，也可以使用子类函数中的drink()方法。

注意事项：