TypeScript中类的用法

属性

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

上代码!(看下与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 );
    }
}

继承

  • 和Java、C#中大同小异
  • 单继承,可以有多个implements

里氏替换

任何基类可以出现的地方,子类一定可以出现。一个软件实体如果使用的是一个子类的话,那么它不能适用于其父类。

成员的重写(override)

  • 子类成员不能改变父类成员的类型
  • 无论是属性还是方法,子类都可以对父类的相应成员进行重写,但是重写时,需要保证类型的匹配
  • 在继承关系中,this的指向是动态的

super

  • 没有重写时,super.aaa()等同于this.aaa()

抽象类

  • 抽象概念,子类共有的成员
abstract class Chess {}  // 设置为抽象对象后不让生成实例

抽象成员

  • 父类中,可能知道有些成员是必须存在的。但是不知道该成员的值或实现是什么,约束继承该类的子类必须要实现该成员。
abstract class Chess {
    abstract name: string  // 只能在抽象类中设置抽象成员
}

抽象方法

abstract class Chess {
    abstract move(x: number): boolean
}

静态成员

  • 附着在类上的成员(属于某个构造函数的成员)
  • static修饰的成员
  • 实例成员:对象成员,属于某个类的对象
  • 静态成员:非实例成员,属于某个类

静态方法中的this

  • 指向的是当前类
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值