>[success] # Record -- 一组属性 K(类型 T)
~~~
1.Record 有两个参数指定key,和key 对应value 值类型
~~~
>[danger] ##### 源码
~~~
type Record<K extends keyof any, T> = {
[P in K]: T;
};
~~~
>[danger] ##### 案例
~~~
// 错误用有时候工作,定义了一个对象类型赋值是一个object
// object 没有foo字段会报错
// let bb: object = {
// foo: 's',
// }
// bb.foo
// k 为任意类型 ,value 为任意类型,解决
let aa: Record<any, any> = {
foo: 'w',
}
aa.foo
~~~
>[danger] ##### 案例
~~~
interface Info {
name:string,
age:number
}
// 定义的a key 是Info 接口Key类型,value 是string类型
const a:Record<Info[keyof Info],string> = {
name:'w',
age:'w'
}
~~~
>[danger] ##### 案例
~~~
function mapObject<K extends string | number, T, U>(obj: Record<K, T>, f: (x: T) => U): Record<K, U> {
const res: any = {}
for (const key in obj) {
res[key] = f(obj[key])
}
return res
}
const names = { 0: 'hello', 1: 'world', 2: 'bye' }
const lengths = mapObject(names, (s) => s.length)
console.log(lengths)
~~~
>[danger] ##### 案例
~~~
type MenuKey = 'home' | 'about' | 'more';
interface Menu {
label: string;
hidden?: boolean;
}
const menus: Record<MenuKey, Menu> = {
about: { label: '关于' },
home: { label: '主页' },
more: { label: '更多', hidden: true },
};
~~~
>[danger] ##### 案例
~~~
import { IncomingMessage, ServerResponse } from "http";
enum Methods {
GET = "get",
POST = "post",
DELETE = "delete",
PUT = "put",
}
type IRouter = Record<Methods, (req: IncomingMessage, res: ServerResponse) => void>;
~~~
![](https://img.kancloud.cn/69/7c/697cda72865af40c0ec7f52fef9c2487_846x307.png)
- TypeSprict -- 了解
- TS-- 搭建(一)webpack版本
- TS -- 搭建(二)直接使用
- TS -- 基本类型
- ts -- 类型推导和字面量类型
- ts -- 类型扩展和类型缩小
- ts -- any场景
- ts -- 使用unknown 还是 any
- ts -- any/never/unknown
- ts -- 断言
- ts -- 类型大小写疑惑
- ts -- 数组类型 [] 还是泛型疑惑
- TS -- 枚举
- 外部枚举
- TS -- 函数
- ts -- 重载作用
- ts -- 05 this is
- 解构
- TS -- 接口
- 绕过接口的多余参数检查
- Interface 与 Type 的区别
- TS -- 类
- ts -- 类作为类型
- TS -- 交叉和联合 类型
- ts -- 交叉类型
- ts -- 联合类型
- ts -- 交叉和联合优先级
- ts -- 类型缩减
- TS -- 什么是泛型
- ts -- 泛型函数表达式/函数别名/接口
- ts -- 泛型类
- ts -- extends 泛型约束
- ts -- 泛型new
- ts -- Ts的泛型
- TS -- 缩小类型详解类型守卫
- TS -- 类型兼容性
- TS -- 命名空间与模块化
- ts -- 模块化
- ts -- 命名空间
- TS -- 工具方法
- Record -- 一组属性 K(类型 T)
- Exclude -- 从联合类型中去除指定的类
- Extract -- 联合类型交集
- NonNullable -- 从联合类型中去除 null 或者 undefined
- Partial -- 将所有属性变为可选
- Required -- 所有属性变为必填
- Readonly -- 所有属性只读
- Pick -- 类型中选取出指定的键值
- Omit -- 去除指定的键值