美文网首页前端开发那些事儿
Typescript-基础类型快速上手

Typescript-基础类型快速上手

作者: 赛博剑仙_李玄器 | 来源:发表于2021-01-25 23:42 被阅读0次
    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本身确实没有太高的难度,不要被新技术名词给唬住,冲冲冲。准备下一节的学习叭兄弟!

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

    相关文章

      网友评论

        本文标题:Typescript-基础类型快速上手

        本文链接:https://www.haomeiwen.com/subject/xvdwzktx.html