TypeScript 学习笔记总结

Posted 2023-01-30 IT_Holmes

TypeScript 笔记记录，侧重于接口，对象等内容。

文章目录

• 一、 TS 面向对象
• 二、TS 类
• 三、TS 继承
• 四、TS super关键字
• 五、TS 抽象类
• 六、TS 接口
• 七、TS 属性封装
• 八、TS 泛型

一、 TS 面向对象

js也是面向对象的，并不是面向过程的。

下面，简单看看就行。

二、TS 类

类就是对象的模型，要想面对操作对象，就要定义对应的类。

类格式：

其实TS类 转换成了这种类似的 立即执行函数的效果。

class Person 

    name: string = 'demo'

    // 构造函数
    constructor(name) 
        this.name = name
    

    // static 静态属性
    static age: number = 18

    sayHello()
        console.log('123456')
    



const per = new Person('aa')

// 静态属性必须通过类型才能获得
console.log(Person.age)

三、TS 继承

和Java 继承差不多，简单看看就行。

四、TS super关键字

super关键字 相关内容：

class Animal 
    name: string = 'demo'
    constructor(name) 
        this.name = name
    
    sayHello()
        console.log('123456')
    


class Dog extends Animal

    constructor(props) 
        // 如果在子类中写了构造函数，在子类的构造函数中必须要调用super父类的构造函数。
        super(props);
    


    sayHello() 
        // 在类的方法中 super就表示当前类的父类。
        super.sayHello();
        console.log('hello,world')
    

五、TS 抽象类

同样和Java差不多。

注意抽象方法的使用就行：

六、TS 接口

指定类型：

限制类结构：

七、TS 属性封装

配合public 、private 来进行属性的封装效果。同样也可以通过定义 get 、set方法对应的属性来操作。

八、TS 泛型

泛型效果也是和Java相同：

• 关注：函数、类、extends用法就可以。