Typescript一些常用的泛型工具
前言
本文将简要介绍Typescript一些常用泛型工具的作用以及如何使用，简单总结了一下。
Typescript泛型工具
Partial
将传入的属性变为可选项
interface IPeople {
title: string;
name: string;
}
const people: Partial<IPeople> = {
title: 'Delete inactive users'
};
Record<K, T>
类型参数K提供了对象属性名联合类型，类型参数T提供了对象属性的类型
interface Person {
name: string;
}
// 将x, y 作为Person的key
type Peoples = Record<"x" | "y", Person>;
const P: Peoples = {
x: {
name: '张三'
},
y: {
name: '李四'
}
}
Readonly
把传入的类型变为只读状态
interface Person {
name: string;
age: number;
}
const p: Readonly<Person> = {
name: '张三',
age: 22
}
p.name = '李四'; // 无法分配到 "name" ，因为它是只读属性
Required
把传入的类型变为必填状态
interface Person {
name?: string;
age?: number;
}
const p: Required<Person> = {
name: '张三',
age: 22
}
Pick<T, S>
在 T 中，过滤掉非 S 的类型
interface IPerson {
name: string;
age: number;
}
type TP = Pick<IPerson, 'name'>;
const p: TP = {
age: 22, // 对象文字可以只指定已知属性，并且“age”不在类型“TP”中
name: '张三'
}
Omit<T, K>
在 T 中删除对应的 K
interface IPerson {
name: string;
age: number;
}
type TP = Omit<IPerson, 'age'>;
const p: TP = {
name: '张三'
}
Exclude<T, U>
该工具类型能够从类型T中剔除所有可以赋值给类型U的类型
type T0 = Exclude<"a" | "b" | "c", "a">;
// 相当于 type T0 = "b" | "c"
type T1 = Exclude<"a" | "b" | "c", "a" | "b">;
// 相当于 type T1 = "c"
type T2 = Exclude<string | number | (() => void), Function>;
// 相当于 type T2 = string | number
Extract<T, U>
“Extract<T, U>”工具类型与“Exclude<T, U>”工具类型是互补的，它能够从类型T中获取所有可以赋值给类型U的类型
type T0 = Extract<'a' | 'b' | 'c', 'a' | 'f'>;
// 相当于 type T0 = 'a';
type T1 = Extract<string | (() => void), Function>;
// 相当于 type T1 = () => void;
type T2 = Extract<string | number, boolean>;
// 因为没有交集，相当于 type T2 = never;
ReturnType
该工具类型能够获取函数类型T的返回值类型
// string
type T0 = ReturnType<() => string>;
// { a: string; b: number }
type T1 = ReturnType<() => { a: string; b: number}>;作者：牧游
链接：https://juejin.cn/post/6971341417893330952
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！
