标签：school TypeScript 封装 name age number sex 多肽 string

今天被小学弟问到类的声明和继承感觉他没看明白.....

//人类
class People {
    //人类的共有属性
    readonly idCard: number;
    public name: string;
    public sex: string;
    protected age: number;

    constructor(idCard: number, name: string, sex: string, age: number) {
        this.idCard = idCard;
        this.name = name;
        this.sex = sex;
        this.age = age;
    }
    //类方法
    protected greet() {
        if (this.age < 18) {
            console.log("未成年人不得入内！")
        } else {
            console.log(`你好，欢迎${this.name}光临～`)
        }
    }
}

//学生
class Student extends People {
    // 学生特有的属性
    public school: string;
    readonly stuCard: number;

    constructor(idCard: number, name: string, sex: string, age: number, school: string, stuCard: number) {
        //学生继承People的共有属性
        super(idCard, name, sex, age);
        this.school = school;
        this.stuCard = stuCard;
    }

    public greet() {
        super.greet();
        console.log("学生类重写People类方法");
    }
}

//实例化
let guAiLing: Student = new Student(123, '谷爱凌', '女', 18, '美国xxx中学', 456);
guAiLing.greet();
console.log(guAiLing.name);
console.log(guAiLing.school);

//学生
class Student extends People {
    // 学生特有的属性
    // public school: string;
    // readonly stuCard: number;

    // constructor(idCard: number, name: string, sex: string, age: number, school: string, stuCard: number) {
    //     //学生继承People的共有属性
    //     super(idCard, name, sex, age);
    //     this.school = school;
    //     this.stuCard = stuCard;
    // }

    public greet() {
        super.greet();
        console.log("学生类重写People类方法");
    }
}

//实例化
let guAiLing: Student = new Student(123, '谷爱凌', '女', 18);
guAiLing.greet();
console.log(guAiLing.name);
console.log(guAiLing.sex);

如果子类不写构造函数的话typescript会自动继承父类的属性，但是实例化的时候必须带上父类的参数。

标签：school,TypeScript,封装,name,age,number,sex,多肽,string
来源： https://www.cnblogs.com/dujunfeng/p/15926852.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。