【第二届青训营-寒假前端场】- TypeScript

158 阅读1分钟

【第二届青训营-寒假前端场】- TypeScript

01.为什么是TypeScript?

image.png

  • 2012-10:微软发布了 TypeScript 第一个版本(0.8)
  • 2014-10:Angular 发布了基于TypeScript的 2.0版本
  • 2015-04:微软发布了 Visual Studio Code
  • 2016-05:@types/react发布,TypeScript 可开发Rect
  • 2020-09: Vue发布了 3.0 版本,官方支持TypeScript
  • 2021-11:v4.5版本发布 JS:动态类型、弱类型语言 TS:静态类型、弱类型语言 image.png

image.png

静态类型

  • 可读性增强:基于语法解析TSDoc, ide增强

  • 可维护性增强:在编译阶段暴露大部分错误

  • 多人合作的大型项目中,获得更好的稳定性和开发效率 JS的超集

  • 包含于兼容所有Js特性,支持共存

  • 支持渐进式引入与升级

02.基本语法

基础数据类型

image.png

对象类型

image.png

image.png

函数类型

image.png

image.png image.png

函数重载

image.png

数组类型

image.png

TypeScript补充类型

image.png

TypeScript泛型

image.png

image.png

image.png

类型别名&类型断言

image.png

字符串/数字 字面量

image.png