1.理解TypeScript

TS与JS.png

其是一种静态类型检查的语言，提供了类型注解，在代码编译阶段就可以检查出数据类型的错误
同时扩展了 JavaScript 的语法，所以任何现有的 JavaScript 程序可以不加改变的在 TypeScript 下工作
为了保证兼容性，TypeScript 在编译阶段需要编译器编译成纯 JavaScript 来运行，是为大型应用之开发而设计的语言，如下：
ts文件：

const hello: string = "Hello World!";
console.log(hello);

编译后：

const hello = "Hello World!";
console.log(hello);

2.TypeScript的特性

类型批注和编译时类型检查 ：在编译时批注变量类型
类型推断：ts 中没有批注变量类型会自动推断变量的类型
接口：ts 中用接口来定义对象类型
枚举：用于取值被限定在一定范围内的场景
泛型：写代码时使用一些以后才指定的类型
名字空间：名字只在该区域内有效，其他区域可重复使用该名字而不冲突
元组：元组合并了不同类型的对象，相当于一个可以装不同类型数据的数组
等等······

类型批注

通过类型批注提供在编译时启动类型检查的静态类型，对于基本类型的批注是 number、bool 和 string，而弱或动态类型的结构则是 any 类型

类型推断

当类型没有给出时，TypeScript 编译器利用类型推断来推断类型，如下：

let str = "string";

变量 str 被推断为字符串类型，这种推断发生在初始化变量和成员，设置默认参数值和决定函数返回值时
如果缺乏声明而不能推断出类型，那么它的类型被视作默认的动态 any 类型

3.和JavaScript 区别

TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法
TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译
TypeScript 文件的后缀名 .ts ，JavaScript 文件是 .js
在编写 TypeScript 的文件的时候就会自动编译成 js 文件