TypeScript | 青训营笔记

42 阅读1分钟

01 为什么要学习TS

typescript vs javascript

image.png

1.TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,最终会被编译为JavaScript代码。
2. (1)TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以运行在TypeScript环境中。
(2)TypeScript是为大型应用的开发而设计,并且可以编译为JavaScript。
(3)TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6+ 的支持,它由 Microsoft 开发,代码开源于 GitHub 上

02 TS基础

基础类型

image.png

函数类型

image.png

interface

image.png

image.png

03 TS进阶

高级类型

1.联合类型 |
    联合类型和交叉类型比较相似,联合类型通过|符号连接多个类型从而生成新的类型。它主要是取多个类型的交集,即多个类型共有的类型才是联合类型最终的类型。联合类型可以是多个类型其中一个,可做选择。
2.交叉类型 &
    通过&符号将多个类型进行合并成一个类型,然后用type来声明新生成的类型。
3.类型断言 &
    TypeScript允许你覆盖它的推断,并且能以你任何你想要的方式分析它,这种机制被称为「类型断言」。TypeScript 类型断言用来告诉编译器你比它更了解这个类型,并且它不应该再发出错误。

image.png

什么时候需要泛型

image.png

image.png

image.png

泛型工具类-基础操作符

image.png

image.png

泛型工具类-常用工具类型

image.png

04 实战&工程向

声明文件

image.png

泛型约束后端接口类型

image.png

课程总结

image.png