Typescript | 青训营

67 阅读2分钟

1.1TypeScript发展历史

  • 2012-10:微软发布了TypeScript第一个版本(0.8)
  • 2014-10:Angular发布了基于TypeScript的2.0版本
  • 2015-04:微软发布了Visual Studio Code
  • 2016-05:@types/react发布,TypeScript可以开发React
  • 2020-09:Vue发布了3.0版本,官方支持了TypeScript
  • 2021-11:v4.5版本发布

1.2什么是TypeScript

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

2.1高级类型

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

2.2工程应用-Node

    • 安装Node与npm
  1. 配置tsconfig.js文件
  2. 使用npm安装tsc
  3. 使用tsc运行编译得到js文件

3收获

使用ts的好处

  • 大部分的函数可以通过类型定义快速理解
  • 可以在编译阶段就发现大部分错误
  • 增强了IDE和编辑器的功能
  • 即使不显式的定义类型也能自动推断
  • js文件可以直接重命名为ts
  • 大部分第三方库都支持ts

基础类型

  • 布尔
  • 数字
  • 字符串
  • 数组
  • 元组
  • 枚举
  • 任意值
  • 空值

变量声明的方式与js一样

接口

ts的核心原则之一就是对值具有的shape进行类型检查,在ts里接口的作用就是为这些类型命名

函数

和js一样,ts函数可以创建有名字的函数和匿名函数。你可以随意选择适合应用程序的方式,布雷是定义api函数还是一次性的函数

泛型

可以用来创建可重用的组件,一个组件可以支持多种类型的数据。用户可以根据自己的数据类型来使用组件