TypeScript高级类型

TS 中的高级类型有很多，重点学习以下高级类型

class 类
类型兼容性
交叉类型
泛型和 keyof
索引签名类型和索引查询类型
映射类型

4.1 class 类

TypeScript 全面支持 ES2015 中引入的 class 关键字，并为其添加了类型注解和其他语法(比如，可见性修饰符等)。

class 基本使用，如下:

class Person {}

// const p: Person
const p= new Person()

解释:

根据 TS 中的类型推论，可以知道Person类的实例对象p的类型是Person。
TS 中的 class，不仅提供了 class 的语法功能，也作为一种类型存在。

实例属性初始化:

class Person {
    age: number
    gender = '男'
    // gender: string = 男
}

const p= new Person()

解释:

声明成员 age，类型为number(没有初始值)。
声明成员 gender，并设置初始值，此时，可省略类型注解(TS类型推论为 string类型)。

构造函数：

class Person {
    age: number
    gender = '男'
    // gender: string = 男

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

解释:

成员初始化(比如，age: number)后，才可以通过 this.age 来访问实例成员。

需要为构造函数指定类型注解，否则会被隐式推断为 any;构造函数不需要返回值类型。

实体属性：

class Point {
    x = 10
    y = 10

    scale(n: number): void {
        this.x *= n
        this.y *= n
    }
}

解释:方法的类型注解(参数和返回值)与函数用法相同

类继承的两种方式:1 extends(继承父类)2 implements (实现接口)

说明:JS中只有extends，而implements 是 TS 提供的。

class Animal {
    move() {
        console.log('Animal')
    }
}

class Dog extends Animal {
    bark() {
        console.log('汪!')
    }
}

const dog = new Dog()

解释:

通过 extends 关键字实现继承。
子类 Dog 继承父类 Animal，则 Dog 的实例对象 dog 就同时具有了父类Animal和子类 Dog 的所有属性和方法。

类继承的两种方式:1 extends (继承父类)2 implements (实现接口)

interface Singable {
    sing(): void
}

class Person implements Singable {
    sing() {
        console.log('实现接口')
    }
}

解释:

通过 implements 关键字让 class 实现接口。
Person 类实现接口 Singable 意味着，Person 类中必须提供Singable 接口中指定的所有方法和属性。

类成员可见性:可以使用TS 来控制 class 的方法或属性对于 class 外的代码是否可见。

可见性修饰符包括:1 public(公有的) 2 protected(受保护的) 3 private(私有的)。

public:表示公有的、公开的，公有成员可以被任何地方访问，默认可见性。

class Animal1 {
    public move() {
        console.log('Moving along!')
    }
}

解释:

在类属性或方法前面添加 public关键字，来修饰该属性或方法是共有的。
因为 public 是默认可见性，所以，可以直接省略。

protected:表示受保护的，仅对其声明所在类和子类中(非实例对象)可见。

class Animal1 {
    protected move() {
        console.log('Moving along!')
    }
}
class Dog extends Animal {
    bark() {
        console.log('汪!')
        this.move()
    }
}

解释:

在类属性或方法前面添加 protected 关键字，来修饰该属性或方法是受保护的。
在子类的方法内部可以通过this来访问父类中受保护的成员，但是，对实例不可见!

private:表示私有的，只在当前类中可见，对实例对象以及子类也是不可见的。

class Dog1 extends Animal {

    private run(){
        console.log('私有方法')
    }
    bark() {
        console.log('汪!')
        this.move()
    }
}

解释:

在类属性或方法前面添加 private 关键字，来修饰该属性或方法是私有的。
私有的属性或方法只在当前类中可见，对子类和实例对象也都是不可见的!

除了可见性修饰符之外，还有一个常见修饰符就是: readonly(只读修饰符)

readonly:表示只读，用来防止在构造函数之外对属性进行赋值。

class Person {
    //只要是readonly修饰的属性，必须手动提供明确的类型
    readonly age: number = 18

    constructor(age: number) {
        this.age = age
    }
}

interface IPerson {
    readonly name: string
}

let obj: IPerson = {
    name: 'jack'
}

//这里会报错 不允许修改
obj.name = '12'

解释:

使用 readonly 关键字修饰该属性是只读的，注意只能修饰属性不能修饰方法
注意:属性age后面的类型注解(比如，此处的number)如果不加，则age的类型为18(字面量类型)。
接口或者几表示的对象类型，也可以使用readonly。

posted @ 2025-05-05 12:44 snail灬阅读(31) 评论(0) 收藏举报

刷新页面返回顶部

snail

TypeScript高级类型

4.1 class 类

公告