TypeScript初探

最近在学习了一个黑马的TypeScript教程，以前没有使用过TS，所以从基础的学起走，学习的时候记录了笔记，在这里记录一下。

1.什么是TypeScript？

TypeScript (简称: TS) 是JavaScript的超集(JS 有的TS都有)。
TypeScript = Type + JavaScript (为JS添加了类型系统)。
TypeScript是微软开发的开源编程语言,设计目标是开发大型应用。可以在任何浏览器、任何计算机、任何操作系统上运行。

2.TypeScript相比JS的优势

JS的类型系统存在"先天缺陷”， 绝大部分错误都是类型错误( Uncaught TypeError )。
●优势一：类型化思维方式，使得开发更加严谨,提前发现错误,减少改Bug时间。
●优势二：类型系统提高了代码可读性，并使维护和重构代码更加容易。
●优势三：补充了接口、枚举等开发大型应用时JS缺失的功能。
●Vue 3源码使用TS重写,释放出重要信号：TS 是趋势。
●Angular默认支持TS; React 与TS完美配合,是很多大型项目的首选。

3.开发工具的准备

1.写代码的工具: Visual Studio Code (简称: VSCode)，微软开发的代码编辑工具。
2.运行TS/JS代码的工具: Node.js, 一个基于Chrome浏览器V8解析弓|擎的JavaScript运行环境。

3.1安装VSCode软件

参考文章：vscode安装使用教程

3.2安装node环境

参考文章：node安装详解

3.3安装解析TS的工具包（TSC）

●Node.js/浏览器， 只认识JS代码，不认识TS代码。
●需要先将TS代码转化为JS,然后就可以在Node.js/浏览器中运行了。
1.打开VSCode终端。
2.输入安装命令：npm i -g typescript敲回车,来安装(注意:需要联网)。
typescript：就是用来解析TS的工具包。提供了tsc命令,实现了TS -> JS的转化。
npm：来安装前端开发中用到的包，安装Node.js时自动安装的。
i (install) ：表示安装。
-g (-global) ：全局标识，可以在任意目录中使用该工具。

4.第一个TS代码

4.1TS代码运行原理

1：TS代码不能直接在Node.js里面运行。
2：①TS代码-> ②JS代码->③执行JS

4.2执行过程

1.新建TS文件，编写代码：

2.打开终端，执行tsc命令，typescript工具包会感觉TS文件生成一个JS文件：

3.在终端执行node命令，运行JS文件：

4.3TS代码的简化执行

在4.2中只是说明了TS代码的执行原理，在实际开发中不可能这样繁琐地去手动地转化TS代码，于是可以这样去简化执行：
简化方式：使用ts-node包，安装命令：npm i -g ts-node
●ts-node 包内部将TS -> JS,然后，执行JS代码。
●ts-node 包提供了命令ts-node执行TS代码。
1.安装ts-node包：

2.执行ts-node命令，运行TS代码，文件夹中没有生成JS文件：