TypeScript入门 | 青训营笔记

76 阅读1分钟

这是我参加第四届青训营笔记创作活动的第九天。

我是真的没想到没课那一天我居然没写笔记……

(爆哭)

开始补课程。

TypeScript

发展

TypeScript发展史.png

使用TypeScript的原因

静态类型:

  • 可读性增强:基于语法解析TSDoc,ide增强
  • 可维护性增强:在编译阶段暴露大部分错误。多人合作的大型项目中,获得更好的稳定性和开发效率。

JS的超集:

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

编辑器

  1. Visual Studio Code
  2. 官网

基本语法

数据类型

TypeScript基本语法.png

对象类型

TypeScript对象类型.png

函数类型

TypeScript函数类型.png

函数重载

TypeScript函数重载1.jpg

TypeScript函数重载2.jpg

数组类型

TypeScript数组类型.png

补充类型

TypeScript补充类型.jpg

泛型

TypeScript泛型.jpg

TypeScript泛型2.png

类型别名和断言

TypeScript类型别名和断言.jpg

字符串/数字和字面量

TypeScript字符串 数字和字面量.jpg

高级类型

联合/交叉型

TypeScript联合交叉类型.jpg

TypeScript联合交叉类型2.jpg

总结

今天先学到这里,明天继续

(太难了呜呜呜,学不会了呜呜呜)