Typescript-基础类型快速上手

TypeScript

TS是JS的超集，有JS的一切，然后还添加了静态类型和一点碎知识；

一、如何添加静态类型？

TS里有个功能，类型注解：一种轻量级为函数或变量 “添加约束的方法”。
具体做法就是在函数或变量名后，冒号加类型

二、基础类型快速理解

我习惯的分类

如上图TS基础数据类型，我习惯分成8个去记；
其中右侧绿色的跟JS一样，比较简单。自己看一眼就知道什么意思了；

接下来的内容主要学习一下左侧略有点难度的内容；

1.1 数组

给数组，加静态类型

1.2 元组

是数组的特例，表示一个元素数量和类型都已知的数组，且各元素类型不必相同；

给元组，加静态类型

2.1 枚举：enum

是对JS标准数据类型的补充，可以为一组数值赋予友好的名字

枚举用来干什么

3.1 对象：Object

declare：声明全局变量类型

其中声明一个全局函数create，接收参数o。
o的数据类型是对象或null，并且这个函数没返回值，所以函数类型给一个void；

4.1 Any：表示任何类型都可以；

有时候，我们想在编程阶段，给还不清楚类型的变量，指定一个类型。

这变量的值可能来自动态内容，比如用户输入或第三方代码库，这种情况下，我们不希望类型检查器对这些值进行检查，而是直接让他们通过，此时我们就可以用any类型来标记这些变量；

想赋啥就赋啥

4.2 Never

是任何类型的子类型，可以赋值给任何类型，基础阶段用不到，咱不看！

4.3 Void

表示没有任何类型，跟Any相反；通常用在没有返回值的函数上。
声明一个void类型的变量没有用，因为它只能被赋值为undefined和null；

函数没返回值，类型就用Void

到目前为止，恭喜你已经将TS的基础数据类型部分全部掌握，如果你觉得还有些吃力，那说明你JS部分没学好，回去打打基础，再来看。

如果你觉得很轻松，那么恭喜，TS本身确实没有太高的难度，不要被新技术名词给唬住，冲冲冲。准备下一节的学习叭兄弟！

整理不易，绘图用心，点个赞叭朋友们