TypeScript概述

发布时间 2023-06-12 17:37:43作者: HuangBingQuan

Hello TypeScript

为什么要学习TypeScript

  • 就业 或 获得更大的竞争优势
  • 获得更好的开发体验
  • 解决JS中一些难以处理问题

JS开发中的问题

  • 使用了不存在的变量、函数或成员
  • 把一个不确定的类型当作一个确定的类型处理
  • 在使用null或undefined的成员

js的原罪

  • js语言本身的特性,决定了该语言无法适应大型的复杂的项目
  • 弱类型:某个变量,可以随时更换类型。
  • 解释性:错误发生的时间,是在运行时

前端开发中,大部分的时间都是在排错

TypeScript

简称TS

TypeScript是JS的超集,是一个可选的、静态的类型系统

  • 超集

整数、正整数, 整数是正整数的超集

  • 类型系统

对代码中所有的标识符(变量、函数、参数、返回值)进行类型检查

  • 可选的

学习曲线非常平滑。

  • 静态的(在运行之前)

无论是浏览器环境,还是node环境,无法直接识别ts代码

babel: es6 -> es5

tsc: ts -> es

tsc: ts编译器

静态:类型检查发生的时间,在编译的时候,而非运行时

TS不参与任何运行时的类型检查。

TS的常识

  • 2012年微软发布 (ES6,ES2015)
  • Anders Hejlsberg 负责开发TS项目
  • 开源、拥抱ES标准
  • 版本3.4
  • 官网:http://www.typescriptlang.org/

中文网:https://www.tslang.cn/ 个人翻译

额外的惊喜

有了类型检查,增强了面向对象的开发

js中也有类和对象,js支持面向对象开发。没有类型检查,很多面向对象的场景实现起来有诸多问题。

使用TS后,可以编写出完善的面向对象代码。