JavaScript-ES6继承

最新推荐文章于 2023-07-11 19:10:10 发布

一心就想回农村

最新推荐文章于 2023-07-11 19:10:10 发布

阅读量393

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/m0_61700044/article/details/123329939

版权

这篇博客探讨了在JavaScript中如何通过`extends`和`super`关键字来实现类的继承。示例展示了如何创建一个`Person`父类和一个`Student`子类，子类在构造函数中通过`super`调用父类的构造器，从而实例化父类属性，并添加了子类特有的属性和方法。最终输出展示了`Student`实例的属性和方法的调用结果。

摘要由CSDN通过智能技术生成

在子类构造器中调用父类的构造器实例父类

涉及关键字：extends super

案例:

        // 创建父类 -Prenson
        class Preson{
        constructor(name,age){
            this.name = name
            this.age = 18
        }
        say(){
            console.log(this.name,'说话')
        }
    }
    // 创建子类-STudent
    class Student extends Preson{ // 继承父类
        constructor(name,age,num){
            super(name,age)  // 关键字super实例父类
            this.num = num
        }
        readBook(){
            console.log('读书！！')
        }
    }
    // 结果输出
    let s1 = new Student('bob',18,10001)
    s1.readBook()
    s1.say()
    console.log(s1.name,s1.age,s1.num)

结果打印：

读书！！
bob 说话
bob 18 10001