TS类中的构造函数中super的用法

最新推荐文章于 2025-02-11 10:30:00 发布

逆风优雅

最新推荐文章于 2025-02-11 10:30:00 发布

阅读量2.9k

点赞数

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

本文链接：https://blog.csdn.net/qq_44603011/article/details/122217979

版权

tpyescript 专栏收录该内容

24 篇文章

订阅专栏

这篇博客介绍了 TypeScript 中类的构造函数简化写法以及继承的概念。通过示例展示了如何在子类中调用父类的构造函数，并实例化Person和Teacher类。强调了在子类构造函数中使用`super`关键字的重要性。

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

// 类的构造函数
// class Person {
//     public name: string;
//     constructor(name: string) { //定义一个构造函数
//         this.name = name
//     }
// }
// 上面类的简单写法
class Person {
    constructor(public name: string) { }
}
class Teacher extends Person{ //Teacher类继承Person类
    constructor(public age:number){
        super('小李白') //当子类中要写constructor时，必须调用父类的构造函数
    }
}
class Person1 {

}
class Teacher1 extends Person1{ //在Person1中没有构造函数时，子类要继承也需要写 super
    constructor(public age:number){
        super() //当子类中要写constructor时，必须调用父类的构造函数
    }
}
// 注意：只要在子类中我们使用了constructor,那么我们就要在子类中写 super 
const person = new Person('李白') //实例化这个类，并传入参数
const teacher = new Teacher(28) //实例化这个类，并传入参数
console.log(person.name);
console.log(teacher.age);