这是我参与「第五届青训营 」伴学笔记创作活动的第 四 天
主要内容分享要点:
- Typescript 学习背景介绍(优势)
1. 静态类型:
- 可读性增强→基于语法解析TSDoc
- 可维护性增→编译阶段暴露大部分错误
- 多人合作的大型项目中,有更好的稳定性和开发效率
2. JS的超集:
- 包含所有的js特性,支持渐进式引入
- Typescript 基础语法讲解
函数
- 直接补充参数类型
- 采用interface
数组- 类型+方括号表示
- 泛型表示
- 元祖表示,用 [ ]
- 接口表示Interface
4. Typescript 高级类型讲解
-
- 联合类型 & 交叉类型
- 类型守卫 & 类型保护
- 组合应用实战
-
- Typescript 类型 1. 联合交叉类型:
- 联合类型: |A |B ;联合类型表示一个值可以是几种类型之一。
- 交叉类型: |A & |B; 多种类型叠加到一起成为一种类型,它包含了所需要的所有类型的特性。
2. 类型保护与类型守卫
类型保护: 访问联合类型时,处于程序安全,仅能访问联合类型中的集中部分。
类型守卫: 定义一个函数,它的返回值是一个类型谓词,生效范围为子作用域
2. 泛型
4. 类型别名 & 类型断言
类型IA|IB上不存在属性啊。类型IB上不存在属性a。访问联合类型时,处于程序安全,仅能访问联合类型中的交集部 分。
类型守卫:定义一个函数,它的返回值是一个类型谓词,生效范围为子作用域。
牵引类型:关键词【keyof】,其相当于取值对象中的所有key组成的字符串字面量