TypeScript 介绍
TypeScript 是什么
TypeScript（简称：TS）是 JavaScript 的超集（JS 有的 TS 都有）。 TypeScript = Type + JavaScript（在 JS 基础之上，为 JS 添加了类型支持）。 TypeScript 是微软开发的开源编程语言，可以在任何运行 JavaScript 的地方运行。
TypeScript 为什么要为 JS 添加类型支持？
背景：JS 的类型系统存在“先天缺陷”，JS 代码中绝大部分错误都是类型错误（Uncaught TypeError）。
问题：增加了找 Bug、改 Bug 的时间，严重影响开发效率。
从编程语言的动静来区分，TypeScript 属于静态类型的编程语言，JS 属于动态类型的编程语言。
静态类型：编译期做类型检查； 动态类型：执行期做类型检查。
代码编译和代码执行的顺序：1 编译 2 执行。
对于 JS 来说：需要等到代码真正去执行的时候才能发现错误（晚）。
对于 TS 来说：在代码编译的时候（代码执行前）就可以发现错误（早）。
并且，配合 VSCode 等开发工具，TS 可以提前到在编写代码的同时就发现代码中的错误，减少找 Bug、改 Bug 时间。
TypeScript 相比 JS 的优势
更早（写代码的同时）发现错误，减少找 Bug、改 Bug 时间，提升开发效率。
程序中任何位置的代码都有代码提示，随时随地的安全感，增强了开发体验。
强大的类型系统提升了代码的可维护性，使得重构代码更加容易。
支持最新的 ECMAScript 语法，优先体验最新的语法，让你走在前端技术的最前沿。
TS 类型推断机制，不需要在代码中的每个地方都显示标注类型，让你在享受优势的同时，尽量降低了成本。
除此之外，Vue 3 源码使用 TS 重写、Angular 默认支持 TS、React 与 TS 完美配合，TypeScript 已成为大中型前端 项目的首先编程语言。
TypeScript 初体验
安装编译 TS 的工具包
问题：为什么要安装编译 TS 的工具包？
回答：Node.js/浏览器，只认识 JS 代码，不认识 TS 代码。需要先将 TS 代码转化为 JS 代码，然后才能运行。
安装命令：npm i -g typescript。
typescript 包：用来编译 TS 代码的包，提供了 tsc 命令，实现了 TS -> JS 的转化。
验证是否安装成功：tsc –v（查看 typescript 的版本）。
编译并运行 TS 代码
- 创建 hello.ts 文件（注意：TS 文件的后缀名为 .ts）。
- 将 TS 编译为 JS：在终端中输入命令，tsc hello.ts（此时，在同级目录中会出现一个同名的 JS 文件）。
- 执行 JS 代码：在终端中输入命令，node hello.js。
说明：所有合法的 JS 代码都是 TS 代码，有 JS 基础只需要学习 TS 的类型即可。
注意：由 TS 编译生成的 JS 文件，代码中就没有类型信息了。
简化运行 TS 的步骤
问题描述：每次修改代码后，都要重复执行两个命令，才能运行 TS 代码，太繁琐。
简化方式：使用 ts-node 包，直接在 Node.js 中执行 TS 代码。
安装命令：npm i -g ts-node（ts-node 包提供了 ts-node 命令）。
使用方式：ts-node hello.ts。
解释：ts-node 命令在内部偷偷的将 TS -> JS，然后，再运行 JS 代码。
TypeScript 常用类型
TypeScript 是 JS 的超集，TS 提供了 JS 的所有功能，并且额外的增加了：类型系统。
所有的 JS 代码都是 TS 代码。
JS 有类型（比如，number/string 等），但是 JS 不会检查变量的类型是否发生变化。而 TS 会检查。
TypeScript 类型系统的主要优势：可以显示标记出代码中的意外行为，从而降低了发生错误的可能性。
- 类型注解
- 常用基础类型
类型注解
示例代码：
1 | let age: number = 18 |
说明：代码中的 : number 就是类型注解。
作用：为变量添加类型约束。比如，上述代码中，约定变量 age 的类型为 number（数值类型）。
解释：约定了什么类型，就只能给变量赋值该类型的值，否则，就会报错。
常用基础类型概述
可以将 TS 中的常用基础类型细分为两类：1 JS 已有类型 2 TS 新增类型。
- JS 已有类型
原始类型：number/string/boolean/null/undefined/symbol。
对象类型：object（包括，数组、对象、函数等对象）。 - TS 新增类型
联合类型、自定义类型（类型别名）、接口、元组、字面量类型、枚举、void、any 等。
原始类型
- 原始类型：number/string/boolean/null/undefined/symbol。
特点：简单。这些类型，完全按照 JS 中类型的名称来书写。
