TypeScript入门|青训营笔记

83 阅读1分钟

前言:这是我参与「第四届青训营 」笔记创作活动的的第六天

了解TypeScript

JS是动态类型,弱类型语言 执行阶段才会进行匹配,编译发生在执行时。

TS是静态类型,弱类型语言 在执行之前进行匹配,编译在执行前

静态类型

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

JS的超集

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

Typescript

基本数据类型

ts 的常用基础类型包含 js 已有类型以及新增的类型:

1.js已有类型

原始类型:number/string/boolean/null/undefined/symbol

对象类型:object(包括,数组、对象、函数等对象)

2.ts 新增类型

联合类型,自定义类型(类型别名),接口,元组,字面量类型,枚举, void,any

什么是类型注解?

给变量添加类型约束,减少产生错误的可能性

1659582421044.png 对象类型

  • 大写进行区分
  • 只读属性readonly

1659583055849.png

函数类型

1659583359278.png 函数重载 1659583769029.png 数组类型

1659584000351.png

1659584039560.png

1659584064906.png

1659584257723.png

联合类型

我们可以利用 | 竖线,表示在TS中由两个或多个其他类型组成的类型,变量可以是这些类型中的任意一种。

类型别名

当类型的名称非常长而不方便的时候,我们可以起一个别名。