一文看懂之TypeScript类(class)

例行BB。做前端之后，类的概念就在我的认知里边慢慢变得模糊了。TS带着我忽然一下就好像回到了大学课堂，老师在上面讲着面向对象....

 

正经BB。面向对象首先就是要有对象，话说万物皆是对象...咳咳，要创建对象就离不开类，所谓的类其实就是对象的模型，根据类可以创造指定类型的对象...比如Person类创造人的对象，类就像猫科动物，对象就像老虎，狮子，豹子...

 

//基础语法

class 类名 { 
    属性名: 类型；

    constructor( 参数: 类型 ) {
        this.属性 = 参数
    }

    方法名() {
        ...
    }
}    

//示例

class Person{
    name: string;
    age: number;
    
    constructor(name: string, age: number){
        this.name = name;
        this.age = age;
    }
    
    sayHello(){
        console.log(`大家好，我是${this.name}`);
    }
}


//使用
const p = new Person('基米希', 25);
p.sayHello();

 

一些特殊属性。

class special {
    static name: string = '基米希';
    readonly gender: string = 'male';
}

//static：关键字，定义的属性为静态属性，只能通过类访问不能通过实例访问，方法亦可用
//readonly:  关键字，定义的属性不可更改，只读