TypeScript入门 | 青训营笔记

75 阅读2分钟

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

课堂内容

一、TypeScript简述

1.发展历史

  • 2012-10:微软发布了TypeScript第一个版本(0.8)
  • 2014-10:Angular发布了基于TypeScript的2.0版本
  • 2015-04:微软发布了Visual Studio Code
  • 2016-05:@types/react发布,TypeScript可开发React
  • 2020-09:Vue 发布了3.0 版本,官方支持TypeScript
  • 2021-11:v4.5版本发布

2.TypeScript和JavaScript

image.png

3.优点

  • 静态类型
    • 可读性增强:基于语法解析TsDoc,ide增强
    • 可维护性增强:在编译阶段暴露大部分错误
    • 多人合作的大型项目中,获得更好的稳定性和开发效率
  • JS的超集
    • 包含于兼容所有Js特性,支持共存
    • 支持渐进式引入与升级

二、基本语法

1.基础数据类型

  • 字符串
  • 布尔
  • 数字
  • null
  • undefined

2.对象类型

image.png

image.png

3.函数类型

image.png

image.png

image.png

4.函数重载

image.png 对getDate函数进行重载, timestamp为可缺省参数

5.数组类型

image.png

6.TypeScript补充类型

  • 空类型
  • 枚举类型
  • 任意类型
  • 泛型

image.png

7.TypeScript泛型

image.png

image.png

8.类型别名&类型断言

image.png

9.字符串/数字 字面量

允许指定字符串/数字必须的固定值 image.png

三、高级类型

1.联合/交叉类型

  • 联合类型: IA | IB:联合类型表示一个值可以是几种类型之一
  • 交叉类型: IA & IB:多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性

image.png

2.类型保护与类型守卫

image.png

3.函数返回值类型

image.png

四、工程类型

1.工程应用-web

image.png

2.工程应用-node

image.png

以上就是我总结的第九节课的内容了,内容有疏漏还请见谅,有错误还请指正。希望我们一起进步,顺利结营!