前端训练营typescript笔记

125 阅读1分钟

为什么要学习TS

1,使用频率越来越高 2,TS是JS的超集

image.png

TS开源教程以及应用:github.com/dzharii/awe…

TS到JS在线编译:Typescript playground

TS基础

image.png

枚举类型:通过枚举对类型定义,如图所示

左为TS,右为JS,而且TS到JS后会进行双向映射,名到数据,以及数据到名 image.png

安全性:any,unknown,反向赋值只能对应相同类型

元祖类型:元祖类型是一种特殊的数据结构,其实元祖就是一个明确元素数量以及每个元素类型的一个数组。 各个元素的类型,不必要完全的相同。 在TS 中可以使用类似数组字面量的这种语法去定义,如果想去访问元祖中的某个元素仍然可以使用数组下标的方式去访问

函数类型

image.png

interface(接口)

image.png

image.png

TS进阶

高级类型

image.png

泛型

尖括号定义,T 占位 image.png

image.png

image.png

泛型工具类型

image.png

image.png

TS实战

image.png

泛型约束后端接口类型

image.png

课程总结 image.png