Typescript入门 ｜ 青训营笔记

Freaky_Forward
182 阅读1分钟

今天是我参加「第四届青训营」笔记创作活动的第11天。

TS的特性

TS的特性： JS是动态类型检查，是弱类型语言； 相比之下，TS与JS的不同点在于，TS是静态类型检查。

静态类型：

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

TS是JS的超集：

  • TS包含并兼容所有JS特性，支持JS与TS共存
  • 支持渐进式的引入和升级

基本语法

基础数据类型

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

高级类型 （case， solution， evolution）

联合/交叉类型

image.png

image.png

类型保护与类型守卫

image.png

image.png

高级类型

image.png image.png

image.png

image.png

函数返回值类型

image.png

image.png

Typescript在工程中的使用

使用TSC编译

  • 安装Node与npm
  • 配置tsconfig.js文件
  • 使用tsc运行编译得到js文件
avatar
文章
阅读
粉丝