TypeScript教程(一)数据类型与推断

TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript，TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。如果使用Vue3开发项目，推荐使用TypeScript来开发。

TypeScript介绍：

TypeScript是JavaScript类型的超集，简称TS，包含JavaScript语法支持ES6标准，所以在学习TypeScript之前一定要先学会ES6，TypeScript是由微软开发的自由和开源的编程语言，TypeScript支持类型定义、类、接口、枚举、泛型等特性，所以其设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的JavaScript可以运行在任何浏览器上。
2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript。
TypeScript的作者是安德斯·海尔斯伯格，C#的首席架构师。

TypeScript的特点：

1.编译JavaScript
TypeScript可以编译出纯净、简洁的JavaScript代码，并且可以运行在任何浏览器上，Node.js环境中和任何支持ECMAScript 3(或更高版本)的JavaScript引擎中。

2.类型系统
类型系统(静态类型化)可以在开发人员编写脚本时检测错误，查找并修复错误是当今开发团队的迫切需求。有了这项功能，开发人员可以编写出可读性高，维护性强的代码。

3.开发大型项目
有时为了改进项目，需要对代码库进行小的增量更改。这些小小的变化可能会产生严重的、意想不到的后果，因此有必要撤销这些变化。使用TypeScript工具来进行重构变的容易、快捷。

4.更好的协作
在开发大型项目时，会有许多开发人员，此时会出现各种各样的问题和bug，类型系统检测是一种在编码期间检测错误的功能，而不是在编译项目时检测错误，这为开发团队创建了一个更高效的编码和调试的过程。

TypeScript在企业使用度越来越高，它非常适用于一些大型项目，也非常适用于一些基础库，极大地帮助开发者提升开发效率和体验，Vue3+TypeScript是未来开发项目的趋势。

安装TypeScript

在使用TypeScript之前需要先安装TypeScript，安装方式和安装Vue脚手架类似，所以也需要先安装node.js，可以进入node.js官网https://nodejs.org/选择LTS版本（长期支持的版本）下载并安装。安装完成后就可以使用NPM，NPM是一个node.js包管理和分发工具，安装TypeScript需要使用NPM。
接下来全局安装TypeScript，如果是windows系统请打开cmd命令提示符窗口，如果是MAC系统请打开终端，输入命令如下：

npm install -g typescript
安装完成后，运行以下命令检测是否安装成功：
tsc -v
显示以下结果表示安装成功：
Version 4.2.3

数据类型与推断

TypeScript在声明变量或是函数时需要添加约束也叫类型注解，支持的基本数据类型和引用类型有：
string
number
boolean
null
undefined
sysmbol
array
object
Function
any
空值可以使用void来表示，void可以表示变量，也可以表示函数返回值。
接下来写第一个TypeScript的程序，创建项目文件夹ts-demo，在该文件夹下创建文件1.hello.ts文件，在该文件中的代码如下：
let hello:string="hello world"; //必须为字符串类型
let message:any=”我是任意类型”;
message=true;
message=20;
console.log(hello);
注意代码加粗的部分，声明变量hello冒号后面string是约束的类型，那么赋值就必须是string类型，不然会报错。
声明变量message为any类型表示任意类型也称为通用超类型，没有类型的限制可以赋值为任意类似，在实际开发中如果无法确定变量的类型时（或者无需确认类型时），可以将其指定为any类型。
TypeScript也支持类型推断，类型推断是指给变量赋值初始值，如果没有指定类型，根据初始值推断类型。代码示例如下：
let age=20;//给变量赋值初始值为20，类型为number
age=30;//必须赋值为number类型
以上代码可以看到声明age初始值为20，20为number类型，以后赋值的类型必须为number类型，不然会报错，这就是类型推断。
写完程序后，接下来要运行TypeScript，打开命令提示符窗口输入以下命令编译ts文件：
tsc ./1.hello.ts
这时在ts-demo文件夹下会看到1.hello.js文件，可以将1.hello.js文件引入到html文件中，在浏览器中访问进行测试，也可以使用ts-node模块在命令提示符窗口中运行，直接访问ts文件进行测试，首先全局安装ts-node模块，命令如下：
npm install -g ts-node
安装完成后，使用以下命令运行ts文件：
ts-node ./1.hello.ts
这样在命令提示符窗口就可以看到代码运行的结果了。