• TypeScript

    安装命令：npm i -g typescript
    验证是否安装成功，查看版本号：tsc -v

    在这里插入图片描述


    安装命令：npm i -g ts-node

    在这里插入图片描述
    这里并不会像上面那样生成或者说是更新这个js文件，只是将ts转换为js再执行而已


    类型注解

    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    类型别名

    在这里插入图片描述

    函数类型

    单独指定参数，返回值类型
    在这里插入图片描述

    同时指定参数，返回值类型
    在这里插入图片描述


    void类型

    在这里插入图片描述


    函数可选参数

    在这里插入图片描述


    对象类型

    在这里插入图片描述


    对象可选属性

    在这里插入图片描述


    接口

    在这里插入图片描述


    接口和类型别名的对比

    在这里插入图片描述


    接口继承

    在这里插入图片描述


    元组

    在这里插入图片描述

    类型推论

    在这里插入图片描述




    在这里插入图片描述

    类型断言

    在这里插入图片描述
    在这里插入图片描述



    获取as后面是那个单词的方法
    ① 按下F12，在Elements(元素)中单击这个元素，会有个$0
    ②在Console中输入 console.dir($0),会出现一个对象，在对象的最下边就出来了
    在这里插入图片描述


    字面量类型

    在这里插入图片描述
    在这里插入图片描述


    枚举类型

    在这里插入图片描述


    枚举成员的值以及数字枚举

    在这里插入图片描述


    字符串枚举

    在这里插入图片描述


    枚举的特点及原理

    在这里插入图片描述


    any类型

    在这里插入图片描述


    TypeScript中 typeof 运算符

    在这里插入图片描述


    class的基本使用

    在这里插入图片描述

    在这里插入图片描述


    class的构造函数

    在这里插入图片描述


    class实例方法

    在这里插入图片描述


    class继承（extends）

    在这里插入图片描述


    class继承 (implements)

    在这里插入图片描述
    例子：
    在这里插入图片描述


    class类的可见性修饰符 — public

    在这里插入图片描述


    class类的可见性修饰符 — protected

    在这里插入图片描述


    class类的可见性修饰符 — private

    在这里插入图片描述


    readonly 只读修饰符


    类型兼容性的说明

    在这里插入图片描述


    对象之间的类型兼容性

    在这里插入图片描述


    接口之间的类型兼容性

    在这里插入图片描述


    函数之间的类型兼容性（1函数参数)

    在这里插入图片描述


    函数之间的类型兼容性（2函数参数)

    在这里插入图片描述


    在这里插入图片描述


    函数之间的类型兼容性(3返回值)

    在这里插入图片描述

    交叉类型

    在这里插入图片描述


    交叉类型和接口之间的对比说明

    在这里插入图片描述


    泛型的基本使用

    在这里插入图片描述



    在这里插入图片描述

    在这里插入图片描述


    简化泛型函数调用

    在这里插入图片描述


    泛型约束

    在这里插入图片描述


    在这里插入图片描述


    泛型约束 — extends 添加约束

    在这里插入图片描述


    多个泛型变量的情况

    在这里插入图片描述


    泛型接口

    在这里插入图片描述


    数组是泛型接口

    在这里插入图片描述


    泛型类

    在这里插入图片描述




    在这里插入图片描述

    有省略的方式
    在这里插入图片描述


    泛型工具类型(1Partial)

    在这里插入图片描述




    在这里插入图片描述


    泛型工具类型(2Readonly)

    在这里插入图片描述


    泛型工具类型(3Pick)

    在这里插入图片描述


    泛型工具类型(4Record)

    在这里插入图片描述


    索引签名类型

    在这里插入图片描述



    在这里插入图片描述




    在这里插入图片描述


    映射类型

    在这里插入图片描述


    映射类型(keyof)

    在这里插入图片描述


    分析泛型工具类型Partial的实现

    在这里插入图片描述


    索引查询类型(基本使用)

    在这里插入图片描述


    索引查询类型(同时查询多个)

    在这里插入图片描述


    类型声明文件概述

    在这里插入图片描述


    TS中的两种文件类型

    在这里插入图片描述


    使用已有的类型声明文件（内置类型声明文件）

    在这里插入图片描述


    使用已有的类型声明文件（第三方库的类型声明文件）

    在这里插入图片描述



    在这里插入图片描述


    创建自己的类型声明文件(项目内共享类型)

    在这里插入图片描述

    导出
    在这里插入图片描述

    导入
    在这里插入图片描述


    创建自己的类型声明文件(为已有JS文件提供类型声明的概述）

    在这里插入图片描述


    创建自己的类型声明文件(为已有JS文件类型提供说明）

    在这里插入图片描述


    在React中使用Typescript概述


    使用CRA创建支持TS的项目





























  • 相关阅读:
    Java中的迭代器设计模式[85]
    kong网关熔断插件
    项目管理软件有哪些，哪个好用？
    LeetCode经典面试150题-day5（多数元素）
    博客系统（页面）
    3D打印喷嘴大小如何选择0.2-0.5mm喷嘴
    HJ20 密码验证合格程序
    代谢组学分析平台（二）
    .Net7自定义GC垃圾回收器
    redis八股1
  • 原文地址：https://blog.csdn.net/weixin_49866713/article/details/126563964