TypeScript深入学习

Posted j--l

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了TypeScript深入学习相关的知识,希望对你有一定的参考价值。

  • 基础类型
    boolean
    number
    string
    string[]//Array<string> 数组类型(ReadonlyArray<string>数组不能修改,也不允许被赋值给其他)
    tuple 元组,也就是一个集合[string,number]
    enum枚举
    技术图片显示下标

    any任意类型
    void函数没有返回值

  • 接口
    1、接口初探
    对象参数严格或宽松检查
    2、可选属性
    技术图片添加?

    3、只读属性readonly
    readonly数组可以被修改
    技术图片

    4、额外的属性检查
    as X 鸭子模型(不可靠,因为内部引不到,没啥用)
    技术图片

    对象重新赋值
    技术图片

    字符串索引签名
    技术图片

    [propName:string]:any
    4、函数类型
    技术图片

    (x:string):boolean函数的参数类型和返回值类型
    6、可索引的类型
    技术图片

    7、类类型
    实现接口
    implements(之前有提到过,这里就不做解释了)


  • 类、继承

以上是关于TypeScript深入学习的主要内容,如果未能解决你的问题,请参考以下文章

TypeScript深入学习TypeScript装饰器

深入浅出TypeScript

图书深入理解TypeScript

深入Vue3+TypeScript技术栈-coderwhy新课

深入学习JavaScript系列——对象/继承

深入学习webpack