TypeScript入门 | 青训营笔记

70 阅读1分钟

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

今天主要是学习ts,了解了ts的发展和ts的使用。

TypeScript发展历史

  • 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版本发布

为什么是TypeScript?

  • 静态类型

    • 可读性增强:基于语法解析TSDocide增强
    • 可维护性增强:在编译阶段暴露大部分错误

    有了静态类型,在多人合作的大型项目中可以获得更好的稳定性和开发效率

  • JS的超集

    • 包含于兼容所有JS特性,支持共存
    • 支持渐进式引入与升级。

基本语法

基础数据类型

image.png

对象类型

image.png

函数类型

image.png

函数重载

image.png

数组类型

image.png

Typescript补充类型

image.png

TypeScript泛型

image.png

高级类型

联合类型/交叉类型

(1)联合类型:IA|IB;联合类型表示一个值可以是几种类型之一

(2)交叉类型:IA&IB;多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性。声明的类型并不确定,可以为多个类型中的一个

类型保护与类型守卫:

类型保护是可执行运行时检查的一种表达式,用于确保该类型在一定的范围内。类型保护可以保证一个字符串是一个字符串.

函数返回值类型:

其返回promise,结果为入参函数的返回结果