TypeScript学习笔记之TS简介

111 阅读2分钟

Ts的能力

TypeScript是JavaScipt的超集,提供了类型检查和es6的语法两大能力。

ts的类型检查

由于js是弱语言, 不存在类型检查,可以很灵活的对变量赋值,但同时也存在着问题。当项目规模到达一定体量后,大量的js变量、函数参数、函数返回值等会变的难以维护。引入ts可以增加类型检查功能,在维护代码的过程中能很清晰的知道变量的类型,使代码更能按照我们的预期去执行,减少出错的可能,同时当代码运行出现错误的时候还能快速定位问题。

ts的es6语法支持

ts提供了一些es6的语法支持,例如箭头函数、结构赋值、可选链、空值合并、装饰器等,在ts的项目中你可以尽情的使用es6语法,tsc会将es6代码编译成浏览器支持的js代码。

ts的工程化能力

TS的工程化能力围绕着tsconfig展开,用来配置项目中的类型检查和ts代码编译。类型检查的配置包含文件检查范围、语法规则等,对ts代码编译的配置包含编译过程的配置和编译产物的配置。

引入TS优缺点

优点: 增加代码健壮性和可维护性,降低代码出错率。 缺点: 增加一些额外的工作量,需要进行类型声明。 引入类型检查虽然会增加一定的工作量,但是能够降低维护成本和增加代码健壮性,显然优点更加明显。

需要注意的是引入ts并不会增大代码体积,这是因为ts是编译成js之后才运行的,最终的运行代码还是js。

TS的playground

www.typescriptlang.org/zh/play

使用ts-node执行ts文件

在编写完ts文件后,我们要先执行tsc 把ts编译成js文件,再通过node去执行生成的js文件。而通过ts-node则可以直接执行ts文件。

  1. 安装
npm i ts-node typescript -g
  1. 执行ts文件
ts-node index.ts

此外ts-node-dev再文件发生变化的时候会自动编译执行ts文件

  1. 安装
npm i ts-node-dev typescript -g
  1. 运行
ts-node-dev --respawn index.ts

tsnd --respawn index.ts //命令简写

respawn选项开启了文件监听功能