TypeScript 介绍

  • TypeScript 官方文档
  • TypeScript 简称：TS，是 JavaScript 的超集，简单来说就是：JavaScript 有的 TypeScript 都有

image.png
TypeScript 实际上就是 JavaScript(弱类型) + Type (类型) , 即为 JS 添加类型支持，如图
let username: string = ‘John’;// 为username声明明确的变量类型 字符串类型

TypeScript 为什么要为 JS 添加类型支持

Javascript 类型系统存在先天缺陷，我们在写代码时经常遇到类型错误（Uncaught TypeError）
image.png
这类错误的出现导致项目开发完成上线之后，要投入大量的精力和时间去测试，找 bug，改 bug，对于开发效率是一种降低。

问题

为什么 JS 在开发时不能提前预知，预防这些错误呢？

  • 因为 Javascript 属于动态类型的编程语言，动态类型最大的特点就是它只能在代码执行期间做类型的相关检查，所以往往你发现问题的时候，已经晚了。

TS 能提前预防这些错误吗？

  • 可以。 TypeScript 属于静态类型的编程语言。也就是代码会先通过编译，然后运行，编译不通过的，自然暴露了我们代码中的问题。

    优势

  • 更早的发现错误，减少找 Bug，改 Bug，提升开发效率。

  • 程序中随时出现代码提示，随时随地的安全感，增强的开发体验。
  • 强大的类型系统提高代码可维护性，重构代码更容易。
  • 支持最新的 ECMAScript 语法，优先体验最新的语法，让你走上前端技术最前沿。
  • TS 的类型推断机制，不需要在每个地方都标注类型，降低学习负担，除此之外，Vue3 源码使用 TS 重写，Angular 默认支持 TS，React 于 TS 完美配合。

当下最主流的开发技术栈
Vue3 + TS
Reack Hooks + TS