TypeScript入门|青训营笔记

67 阅读1分钟

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

什么是TypeScript

TypeScript 是 JavaScript 的语法超集,它添加了静态类型。

  • 静态类型

    • 增强可读性增强
    • 可维护性增强
    • 多人合作项目中,获得更好的稳定性和开发效率
  • JavaScript超集

    • 兼容所有JavaScript特性,支持共存
    • 支持渐进式引入和升级

TypeScript语法

基础类型 左边为js,右边为ts 截屏2023-01-29 23.47.50.png 对象ts实例 截屏2023-01-29 23.48.16.png 函数类型 截屏2023-01-30 00.13.12.png 函数重载 截屏2023-01-30 00.17.10.png 数组类型 截屏2023-01-30 00.17.39.png 补充类型 截屏2023-01-30 00.18.04.png 范性
(extends 限定范性) 截屏2023-01-30 00.18.30.png 截屏2023-01-30 00.19.15.png 类型别名和类型断言 截屏2023-01-30 00.20.17.png 字符串/数字 字面量 截屏2023-01-30 00.20.46.png

高级数据类型
联合类型&交叉类型
联合类型可以表示对象可以是被联合的类型之一。
交叉类型可以将不同的类型组合起来,它是所有被交叉的类型的并集。
截屏2023-01-30 00.24.34.png 截屏2023-01-30 00.25.10.png 类型守卫 截屏2023-01-30 00.27.16.png 截屏2023-01-30 00.28.43.png

个人总结

ts 主要是进行类型检验,在团队协作中比 js 更有优势,减少低级错误调试时间,后期维护方面更胜一筹。但 ts 是 js 的超集,所以 js 是无法抛弃的一部分,学好 js 很重要。