JavaScript 进阶 37 -- JavaScript继承 extends

最新推荐文章于 2025-04-12 15:50:44 发布

淡泊-宁静致远

最新推荐文章于 2025-04-12 15:50:44 发布

阅读量623

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/dingdinglaila/article/details/113647564

版权

本文探讨了ES6中的JavaScript继承，通过`extends`关键字简化了继承过程。子类可以不定义构造函数，系统会默认调用父类的构造函数。如果定义了构造函数，需使用`super`关键字来调用父类的方法。`super`在不同场景下有不同的含义。这是一个关于学习过程的总结，欢迎指正错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一篇总结一下es5的继承方面的知识。之策来总结一下es6的继承

es6的继承就简单多了，关键字 extends 直接来看代码吧

class Person{
    constructor(name){
        this.name = name
    }
    //原型的 方法
    eat(){
        console.log('eating');
    }
    //原型的 属性
    get a(){
        return 'a'
    }
    //静态的 方法
    static b(){
        return 'b'
    }
    //静态的 属性
    static get c(){
        return 'c';
    }
}

子类中可以不用写构造函数constructor，会默认调用父类的构造函数，写了构造函数时，代码块里需要使用 super 关键字super。super() 函数是用于调用父类(超类)的一个方法。

//子类 继承 父类
class Student extends Person {
    constructor(name){
        super(name);//super 代表Person
    }//子类中可以不用写constructor， 没有写构造函数constructor，会默认调用父类的，如果写，必须用super()函数
}

let s = new Student('lucy');
console.log(s.name);//lucy
s.eat();//eating
console.log(s.a);//a

console.log(St

最低0.47元/天解锁文章