【学习打卡】第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

2. 函数类型：

const add2: (x: numeber,  y: number,  z?：numer) => number = add

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

3. 类型推断

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

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

1. enums 枚举

取值一定范围内的常量

枚举值： 常量值；计算值

2. 常量枚举

const enum