打字稿实用程序类型您应该掌握

Partial 使所有属性可选，适用于更新操作；2. Required 使所有属性必填，确保配置完整；3. Readonly 创建只读类型，防止意外修改；4. Pick 提取指定属性，用于裁剪对象；5. Omit 排除指定属性，常用于DTO 处理；6. Record 定义键值映射，适合路由或状态映射；7. Exclude 排除可分配类型，Extract 提取可分配类型，用于联合类型过滤；8. NonNullable 去除null 和undefined，提升类型安全性；9. Parameters 和ReturnType 分别提取函数参数与返回值类型，便于高阶函数处理；10. Awaited 解析嵌套Promise 的最终值，适用于异步类型推导。这些实用类型是TypeScript 开发中提升效率与类型安全的核心工具，掌握后可显着增强代码的可维护性与健壮性。

TypeScript 的实用类型（Utility Types）是开发中不可或缺的工具，能帮你更高效地操作类型，提升代码的可维护性和类型安全。掌握这些内置的工具类型，能让你在处理复杂类型转换时游刃有余。以下是每个TypeScript 开发者都应该熟练掌握的核心实用类型。

1. Partial<t></t> ：让所有属性变为可选

当你想让一个对象的所有属性都变成可选时， Partial<t></t>就派上用场了。它常用于更新操作或配置对象。

 interface User {
  id: number;
  name: string;
  email: string;
}

function updateUser(id: number, changes: Partial<User>) {
  // 只更新传入的字段}

这样， changes可以只包含name ，也可以只包含email ，甚至为空。

注意： Partial是浅层的，嵌套对象的属性不会自动变成可选。

2. Required<T> ：让所有属性变为必填

与Partial相反， Required<T>把所有可选属性变为必选。适用于你希望确保某个配置对象所有字段都被填充的场景。

 interface Config {
  apiUrl?: string;
  timeout?: number;
  retries?: number;
}

const defaultConfig: Required<Config> = {
  apiUrl: &#39;https://api.example.com&#39;,
  timeout: 5000,
  retries: 3,
};

即使原始接口是可选的， Required强制你提供所有字段。

3. Readonly<T> ：创建只读类型

防止对象被意外修改。适合用于常量、状态管理或函数中不希望被修改的参数。

 interface Point {
  x: number;
  y: number;
}

const origin: Readonly<Point> = { x: 0, y: 0 };
// origin.x = 10; // ❌ 错误：无法赋值

对大型对象或状态树使用Readonly能有效避免副作用。

4. Pick<T, K> ：提取指定属性

从一个类型中选出你关心的几个字段，构建新类型。非常适合API 响应裁剪或表单字段选择。

 interface User {
  id: number;
  name: string;
  email: string;
  password: string;
}

type PublicUser = Pick<User, &#39;id&#39; | &#39;name&#39;>;
// { id: number; name: string }

避免暴露敏感字段（如password ），同时保持类型安全。

5. Omit<T, K> ：排除指定属性

和Pick相反， Omit帮你去掉某些字段。在处理DTO（数据传输对象）时非常实用。

 type SafeUser = Omit<User, &#39;password&#39;>;
// { id: number; name: string; email: string }

比手动Pick所有非敏感字段更简洁，尤其当字段很多时。

6. Record<K, T> ：定义键值映射类型

当你需要一个对象，其key 是某种类型，value 是另一种类型时， Record非常合适。

 type Routes = Record<string, () => string>;

const routes: Routes = {
  home: () => &#39;/&#39;,
  profile: () => &#39;/profile&#39;,
  settings: () => &#39;/settings&#39;,
};

也常用于配置映射、状态枚举等。

更严格的例子：

 type Status = 'loading' | 'success' | 'error';
const messages: Record<Status, string> = {
  loading: &#39;加载中...&#39;,
  success: &#39;操作成功&#39;,
  error: &#39;出错了&#39;,
};

如果少写或多写一个状态，TypeScript 会报错。

7. Exclude<T, U>与Extract<T, U> ：类型过滤

• Exclude<T, U> ：从T 中排除可分配给U 的类型
• Extract<T, U> ：提取T 中可分配给U 的类型

type Status = 'idle' | 'loading' | 'success' | 'error';
type LoadingStates = Extract<Status, &#39;loading&#39; | &#39;idle&#39;>; // &#39;idle&#39; | &#39;loading&#39;
type ErrorOnly = Exclude<Status, &#39;idle&#39; | &#39;loading&#39; | &#39;success&#39;>; // &#39;error&#39;

在条件类型和联合类型操作中非常强大。

8. NonNullable<T> ：去除null 和undefined

确保某个类型不包含null或undefined ，在处理可能包含空值的泛型时很有用。

 type MaybeString = string | null | undefined;
type DefinitelyString = NonNullable<MaybeString>; // string

配合类型守卫使用，能提升类型推断精度。

9. Parameters<T>与ReturnType<T> ：函数类型解析

从函数类型中提取参数和返回值类型，对高阶函数或测试工具特别有用。

 function createUser(name: string, age: number): { id: number; name: string; age: number } {
  return { id: Date.now(), name, age };
}

type Args = Parameters<typeof createUser>; // [string, number]
type Result = ReturnType<typeof createUser>; // { id: number; name: string; age: number }

可以用于封装函数、日志、缓存等通用逻辑。

10. Awaited<T> ：解析Promise 深层结果

适用于处理async/await或Promise.then的返回类型，能正确解析嵌套Promise。

 type DeepPromise = Promise<Promise<Promise<string>>>;
type Value = Awaited<DeepPromise>; // string

async function fetchUser() {
  return { id: 1, name: &#39;Alice&#39; };
}

type User = Awaited<ReturnType<typeof fetchUser>>; // { id: number; name: string }

比.then()的类型推断更准确，尤其是在复杂异步场景中。

基本上就这些。这些实用类型不是“炫技”，而是每天写TypeScript 时真正能提升效率和安全性的工具。建议在项目中多尝试组合使用，比如：

 type UpdateUserDto = Omit<Partial<User>, &#39;id&#39;>;
type ApiResponse<T> = { data: T; status: &#39;success&#39; } | { error: string; status: &#39;error&#39; };
type DataFromResponse<T> = Extract<Awaited<T>, { status: &#39;success&#39; }>[&#39;data&#39;];

不复杂，但容易忽略。掌握它们，你的TypeScript 才算真正入门。

以上是打字稿实用程序类型您应该掌握的详细内容。更多信息请关注PHP中文网其他相关文章！