TS入门| 青训营笔记

63 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 四 天

主要内容分享要点:

  1. Typescript 学习背景介绍(优势)
1. 静态类型:
  • 可读性增强→基于语法解析TSDoc
  • 可维护性增→编译阶段暴露大部分错误
  • 多人合作的大型项目中,有更好的稳定性和开发效率
2. JS的超集:
  • 包含所有的js特性,支持渐进式引入
  1. Typescript 基础语法讲解

函数

  • 直接补充参数类型
  • 采用interfaceimage.png数组- 类型+方括号表示
  • 泛型表示
  • 元祖表示,用 [ ]
  • 接口表示Interface image.png4. Typescript 高级类型讲解
    1. 联合类型 & 交叉类型
    2. 类型守卫 & 类型保护
    3. 组合应用实战
    1. Typescript 类型 1. 联合交叉类型:
  • 联合类型: |A |B ;联合类型表示一个值可以是几种类型之一。
  • 交叉类型: |A & |B; 多种类型叠加到一起成为一种类型,它包含了所需要的所有类型的特性。

2. 类型保护与类型守卫

类型保护: 访问联合类型时,处于程序安全,仅能访问联合类型中的集中部分。

类型守卫: 定义一个函数,它的返回值是一个类型谓词,生效范围为子作用域

image.png 2. 泛型 image.png 4. 类型别名 & 类型断言

类型IA|IB上不存在属性啊。类型IB上不存在属性a。访问联合类型时,处于程序安全,仅能访问联合类型中的交集部 分。

类型守卫:定义一个函数,它的返回值是一个类型谓词,生效范围为子作用域。

牵引类型:关键词【keyof】,其相当于取值对象中的所有key组成的字符串字面量