TypeScript的介绍

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

从编程语言的动静来区分，TypeScript属于静态类型的编程语言，JS属于动态类型的编程语言。

静态类型:编译期做类型检查;

动态类型:执行期做类型检查。

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

对于JS 来说:需要等到代码真正去执行的时候才能发现错误(晚)。

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

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

TypeScript相比JS的优势

• 更早(写代码的同时)发现错误，减少找Bug、改 Bug 时间，提升开发效率，

• 程序中任何位置的代码都有代码提示，随时随地的安全感，增强了开发体验。

• 强大的类型系统提升了代码的可维护性，使得重构代码更加容易。

• 支持最新的 ECMAScript 语法，优先体验最新的语法，让你走在前端技术的最前沿。

• TS 类型推断机制，不需要在代码中的每个地方都显示标注类型，让你在享受优势的同时，尽量降低了成本。

除此之外，Vue3源码使用TS 重写、Angular默认支持T5、React与TS 完美配合，TypeScript已成为大中型前端项目的首先编程语言。

安装编译TS 的工具包

问题:为什么要安装编译TS的工具包?

回答:Node.js/浏览器，只认识JS代码，不认识TS 代码。需要先将TS代码转化为JS 代码，然后才能运行。

安装命令:npm i -g typescript.

typescript 包:用来编译TS 代码的包，提供了tsc命令，实现了TS ->JS 的转化。

验证是否安装成功:tsc -v(查看typescript的版本)。

简化运行 TS 的步骤

安装命令:npm i -g ts-node(ts-node包提供了ts-node 命令)。
解释:ts-node命令在内部偷偷的将TS->JS，然后，再运行JS代码。