关于ES6的class类继承的总结

什么是类:简单来讲,构造函数就是我们的类

1.关于类的继承:子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类没有自己的this对象,而是继承父类的this对象,然后对其进行加工。如果不调用super方法,子类就得不到this对象。

举个简单明了的例子如下:

/**
 * 定义一个父类
 */
class Human {
    //这是父类构造方法
    constructor(name, sex) {
        this.name = name;
        this.sex = sex;
    }
    //父类的一个普通的成员方法
    say() {
        console.log(`我的名字是${this.name}`)
    }

    run(){
        console.log('我是父亲的儿子');
    }
}

/**
         * 定义一个Student类,该类继承于Human类
         */
class Student extends Human {
    //子类的构造函数
    constructor(name, sex) {
        //super当函数直接使用的时候表示:调用父类的构造函数
        super(name, sex);
        // 子类扩展自己的属性,必须要放到super调用之后
        this.score = 100
    }
    // 子类自己的方法
    run() {
        console.log(`${this.name}跑的真快,搞得我都没看出他是${this.sex}的`)
        // super直接当对象使用的时候,可以调用父类中的方法
        // super.run();
    }
}

let p3 = new Student('小明', '男');
// 此处调用的是子类的方法(子类方法优先于父类的方法)
p3.run()
// 从父类中继承来的方法
p3.say();

2.上方代码中super关键字的作用是:
2.1.super当函数直接使用的时候表示:调用父类的构造函数
2.2.super当对象使用的时候可以调用父类中的方法,super().父类的方法()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值