所有 TypeScript 中内置的泛型类型(Generic Utility Types)

所有 TypeScript 中内置的泛型类型(Generic Utility Types)


1. Awaited<Type>

说明:获取 Promise 类型中 resolve 的值类型。

ts 复制代码
type A = Awaited<Promise<number>>; // A: number

2. Partial<Type>

说明:将对象类型的所有属性变为可选。

ts 复制代码
interface User { name: string; age: number; }
type PartialUser = Partial<User>; // { name?: string; age?: number; }

3. Required<Type>

说明:将对象类型的所有属性变为必选。

ts 复制代码
interface User { name?: string; age?: number; }
type RequiredUser = Required<User>; // { name: string; age: number; }

4. Readonly<Type>

说明:将对象类型的所有属性变为只读。

ts 复制代码
interface User { name: string; }
type ReadonlyUser = Readonly<User>; // { readonly name: string; }

5. Record<Keys, Type>

说明:创建一个对象类型,key集合由 Keys 指定,值的类型是 Type。

ts 复制代码
type Scores = Record<'math' | 'english', number>; // { math: number; english: number; }

6. Pick<Type, Keys>

说明:从对象类型中选择一组属性,组成新的类型。

ts 复制代码
interface User { name: string; age: number; sex: string; }
type NameAndAge = Pick<User, 'name' | 'age'>; // { name: string; age: number; }

7. Omit<Type, Keys>

说明:从对象类型中去除一组属性,剩下一组属性组成新类型。

ts 复制代码
interface User { name: string; age: number; sex: string; }
type UserWithoutAge = Omit<User, 'age'>; // { name: string; sex: string; }

8. Exclude<UnionType, ExcludedMembers>

说明:从联合类型中排除一组类型,生成新的联合类型。

ts 复制代码
type T = Exclude<'a' | 'b' | 'c', 'a'>; // 'b' | 'c'

9. Extract<Type, Union>

说明:从联合类型中提取出所有可以赋值给 Union 的成员。

ts 复制代码
type T = Extract<'a' | 'b' | 'c', 'a' | 'f'>; // 'a'

10. NonNullable<Type>

说明:去除类型中的 null 和 undefined。

ts 复制代码
type T = NonNullable<string | number | undefined>; // string | number

11. Parameters<Type>

说明:获取函数参数类型组成的元组类型。

ts 复制代码
function foo(a: number, b: string): void {}
type T = Parameters<typeof foo>; // [number, string]

12. ConstructorParameters<Type>

说明:获取构造函数的参数类型组成的元组类型。

ts 复制代码
class Person { constructor(age: number, name: string) {} }
type T = ConstructorParameters<typeof Person>; // [number, string]

13. ReturnType<Type>

说明:获取函数返回值的类型。

ts 复制代码
function foo(): boolean { return true }
type T = ReturnType<typeof foo>; // boolean

14. InstanceType<Type>

说明:获取构造函数实例的类型。

ts 复制代码
class Person {}
type T = InstanceType<typeof Person>; // Person

15. NoInfer<Type>

说明:阻止类型参数被自动推断,常用于类型约束和高级类型体操中。

ts 复制代码
function foo<T, U = NoInfer<T>>(arg: T, value: U): [T, U] { return [arg, value]; }

16. ThisParameterType<Type>

说明:获取函数的 this 参数类型。

ts 复制代码
function fn(this: Date, x: number) {}
type T = ThisParameterType<typeof fn>; // Date

17. OmitThisParameter<Type>

说明:返回删除 this 参数后的函数新类型。

ts 复制代码
function fn(this: Date, x: number) { }
type T = OmitThisParameter<typeof fn>; // (x: number) => void

18. ThisType<Type>

说明:指定对象字面量中 this 的类型(只在对象字面量中有用)。

ts 复制代码
type Obj = { x: number } & ThisType<{ y: string }>;
// obj.y 的类型将被推断为 string

Intrinsic String Manipulation Types

字符串内置操作类型

a. Uppercase<StringType>

说明:将字符串类型全转为大写。

ts 复制代码
type Str = Uppercase<'abc'>; // "ABC"
b. Lowercase<StringType>

说明:将字符串类型全转为小写。

ts 复制代码
type Str = Lowercase<'ABC'>; // "abc"
c. Capitalize<StringType>

说明:将字符串类型首字母大写。

ts 复制代码
type Str = Capitalize<'hello'>; // "Hello"
d. Uncapitalize<StringType>

说明:将字符串类型首字母小写。

ts 复制代码
type Str = Uncapitalize<'Hello'>; // "hello"

相关推荐
程序员黑豆5 小时前
Java包装类:基本类型与对象的桥梁
java·前端·ai编程
bugcome_com7 小时前
JWT 知识小课堂:从入门到精通,一文吃透 JSON Web Token
前端·json
To_OC8 小时前
写了三天 Next.js,我的 React 世界观被拆了又装回去
前端·全栈·next.js
独泪了无痕8 小时前
viewer.js 安装与配置指南:实现图片预览功能
前端·vue.js
Fluxart.ai10 小时前
电商商品图审核怎么自动化?规则引擎、人工复核与发布门禁
java·前端·自动化
why技术10 小时前
AI 写的文章,可能都带着手敲一遍都去不掉的“隐形水印”。
前端·人工智能·后端
愚公搬代码11 小时前
【愚公系列】《Android应用案例开发大全》016-LBS类应用掌上杭州(辅助工具类的开发)
android·前端
CodeSheep11 小时前
又一个华为天才少年,离职了!
前端·后端·程序员
kyriewen11 小时前
面试官说"打开你的AI工具"——我才发现,他考的根本不是写代码
前端·人工智能·面试
IT_陈寒12 小时前
Vue的双向绑定把我坑惨了,原来这个场景不能用
前端·人工智能·后端