[ TypeScript| 青训营笔记]

小欧Asher
102 阅读1分钟

这是我参加[第五届青训营]办学笔记创作活动的第4天

快速入门TS

1.什么是TypeScript？

1.1 TS发展历史

image.png

1.2什么是TS？

JS是动态类型，弱类型语言

TS是静态类型，弱类型语言

好处

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

2. 基本语法 （JS VS TS ）

2.1 基本数据类型

image.png

2.2 对象类型

image.png

  • 在TS中，实现了只读属性，关键字readonly

  • 可实现任意属性标注下可以添加任意属性

  • 可选属性

2.3 函数类型

image.png

2.4 函数重载

image.png

2.5 数组类型

image.png

2.6 TS补充类型

image.png

2.7 TS泛型

image.png

image.png

image.png

2.8 类型别名&&类型断言

image.png

2.9 字符串/数字 字面量

image.png

3. 高级类型

3.1 联合/交叉 类型

image.png

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

image.png

3.2 类型保护与类型守卫

image.png

image.png

3.3 高级类型

image.png

image.png

image.png

3.4 函数返回值类型

image.png

image.png

4. 工程应用

4.1 浏览器Web

image.png

4.2 Node

image.png

5. 总结

今天课程中了解了TS，但是还是不会使用，要继续进行学习并且实践运用

avatar
文章
阅读
粉丝