欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

TypeScript中类的用法

程序员文章站 2022-07-03 20:53:24
...

属性

使用属性列表来描述类中的属性

上代码!(看下与es6中的用法哪里不同)

class User {
    name: string; // 新写法 
    age: number; // 新位置
    sex: "男" | "女" = "男"; // 设置默认值,在这里设置默认值就不用在下面初始化和传递参数了,传递参数表示覆盖初始值,可以不传 
    pid: string | undefined; // 表示可有可无的值(不用初始化),可以后续赋值,简写为【?】也可以这样写【pid: string | null = null】 
    readonly id: number; // 只读属性,不能改 
    constructor( name: string, age: number ) {
        this.id = Math.random();
        this.name = name;
        this.age = age; // 没有设置默认值的需要初始化,不然不严格 
    }
}

const u = new User( "aa", 2 );
u.pid = "123"; // 会报错,只能使用初始定义的

属性可以修饰为可选的
属性可以修饰为只读的

属性的初始化检查

  • 不初始化值会报错的严格配置(把配置添加到ts的配置文件):trictPropertyInitialization:true

访问修饰符

访问修饰符可以控制类中的某个成员的访问权限
在js中是使用Symble控制的
在ts中:

public:默认的访问修饰符,公开的,所有的代码均可访问
private:私有的,只有在类中可以访问
protected:。。。

属性简写

如果某个属性,通过构造函数的参数传递,并且不做任何处理的赋值给该属性。可以进行简写。

class User {
    name: string;
    age: number;

    constructor( name: string, age: number ) {
        this.name = name;
        this.age = age;
    }
}

// 可以简写为下面 

class User {
    constructor( public name: string, public age: number ) { }
}

访问器

作用:用于控制属性的读取和赋值,es6中也是这样使用

class User { // 设置私有属性前面加"_"
    constructor( public name: string, private _age: number ) { }

    set age( value: number ) { // 名字不能和属性相同,不然会出现无限递归         
        this._age = value;
    }

    get age() { // 其实就当做是函数处理         
        return Math.floor( this._age );
    }
}