TypeScript介绍

TypeScript

typescript 是 JavaScript 的超集, js 有的 ts 都有

typescript = type + JavaScript, 在 js 基础之上, 为 js 添加了类型支持

typescript 是微软开发的开源编程语言, 可以在任何运行 JavaScript 的地方运行

// Typescript 代码: 有明确的类型 即 ': number' (数值类型)
let age1: number = 18

// JavaScript 代码: 无明确类型
let age2 = 18

Typescript为什么要为js添加类型支持

js 的类型系统存在'先天缺陷', js 代码中绝大部分错误都是类型错误(UncaughtTypeError), 增加了找 Bug, 改 Bug 的时间, 严重影响开发效率

从编程语言的动静来区分, Typescript 属于静态类型的编程语言, js 属于动态类型的编程语言

静态类型: 编译器做类型检查

动态类型: 执行器做类型检查

代码编译和代码执行顺序: 1.编译 2.执行

对于 js 来说, 需要等到代码真正去执行的时候才能发现错误

对于 ts 来说, 在代码编译的时候(代码执行前)就可以发现错误

并且, 配合 VSCode 等开发工具, TS 可以提前到在编写代码的同时就发现代码中的错误,减少找 bug, 改 bug时间

TS相比JS的优势

1. 更早发现错误,减少找 bug,修改 bug 时间,提升开发效率
2. 程序中任何位置的代码都有代码提示,随时随地的安全感,增强了开发体验
3. 强大的类型系统提升了代码的可维护性,使得重构代码更加容易
4. 支持最新的 ECMAScript 语法,优先体验最新的语法,让你走在前端技术的最前沿
5. TS类型推断机制,不需要再代码中的每个地方都显示标注类型,让你在享受优势的同时,尽量降低了成本

除此之外,vue3源码使用ts重写,angular默认支持ts,react与ts完美配合,typescript已成为大中型前端项目的首先编程语言