关于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().父类的方法()

发布了22 篇原创文章 · 获赞 0 · 访问量 1160

猜你喜欢

转载自blog.csdn.net/bigpatten/article/details/103543403
今日推荐