手记

【学习打卡】第3天 高仿AntD从零到一打造组件库 第三讲

课程名称:2022升级 React18+TS高仿AntD从零到一打造组件库

课程章节: 第2章 欢迎来到类型的世界 - Typescript

主讲老师:张轩

课程内容:

今天学习的内容包括:

2-7 interface 初探——Interface定义Object的类型
2-8 函数和类型推断——约定输入,输出
2-9 枚举(Enum)

课程收获:

Interface定义Object的类型
1、对Object的形状进行描述
2、对类(class)进行抽象
3、Duck Typing(鸭子类型)

interface, 属性使用分号隔开; 可选属性使用问号;只读属性 使用readonly做前缀
const 适用于变常量声明, readonly 用于interface的属性上

  1. 函数:约定输入,输出
const add = function add ( x: number,  y: number,  z?: number){ //1. 可选参数只能放在最后

    if( z){

    return x + y

    } else{

    return x+y+z

    }

}

add 函数的返回是 number

  1. 函数类型:
const add2: (x: numeber,  y: number,  z?:numer) => number = add

箭头指向,声明函数的返回类型为number

  1. 类型推断

没有声名明,定义的某个变量常量,ts会根据赋值内容推断,其类型

:冒号后面的都是类型声明 =>不是es6中的箭头函数

  1. enums 枚举

取值一定范围内的常量

枚举值: 常量值;计算值

  1. 常量枚举

const enum

0人推荐
随时随地看视频
慕课网APP