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本身确实没有太高的难度,不要被新技术名词给唬住,冲冲冲。准备下一节的学习叭兄弟!
整理不易,绘图用心,点个赞叭朋友们
网友评论