TypeScript学习（一）介绍与配置

1.开篇

1.1TS介绍

1.1.1TypeScript是什么：是JS的超集（JS有的TS都有）

1.1.2TypeScript多了什么东西：TypeScript=type+Js(在JS基础上，添加了类型支持)

1.1.3TS是微软开发的开源编程语言，可以在任何运行JS的地方运行

1.2TS为什么要为JS添加类型支持？

背景：JS先天不足，JS类型绝大部分bug都是类型错误,增加了解决bug的时间

静态编程语言：编译期做检查

动态编程语言：运行期做检查

TS属于静态编程语言，JS属于动态类型编程语言。

TS发现问题比JS更早。

配合VSCode等开发工具，TS可以提前到在编写代码的同时就发现错误，防范于未然。

 1.3 TS相比JS的优势

1.减少改bug的时间

2.任何位置的代码都有代码提示

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

4.支持最新的ES语法，优先体验最新的语法

5.TS类型推断机制，使得不需要代码中每个地方都显示标注类型。享受到优势又可以降低成本。

TS已经成为前端开发大中型项目的首选语言。

2.TS初体验

2.1 安装编译TS工具包

 为什么要安装编译TS的工具包？

：Node.js/浏览器，只认识JS不认识TS代码。需要先将TS代码转换成JS，然后才能运行

 ts包：将TS转换成JS，提供TSC命令 

安装

npm i -g typescript

检测是否安装成功，出现版本号则成功

tsc -v

 2.2没问题后简单尝试一下

1.创建一个 hello.ts文件

2.随便写个console.log()

3.后端输入tsc hello.ts 将ts文件转换成js文件

4.node hello.js运行

2.3简化运行TS的步骤

每次修改代码都要重新进行上述的流程太麻烦了！

简化方式：使用ts-node包，直接在Node.js中执行TS代码

安装命令：

npm i -g ts-node

使用方式 ts-node hello.ts

解释：偷偷在内部将TS转换成JS，逻辑一样的