TypeScript 学习笔记总结(二)

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

一、 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用法就可以。
    在这里插入图片描述
    在这里插入图片描述
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xupengboo

你的鼓励将是我创作最大的动力。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值