TS:Omit、Pick、Exclude 定義新類型interface

MyFreeIT

已于 2023-12-28 14:19:31 修改

阅读量607

点赞数 8

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端 typescript

于 2023-12-28 14:18:48 首次发布

创作源自于MyFreeIT

本文链接：https://blog.youkuaiyun.com/MyFreeIT/article/details/135268168

前端专栏收录该内容

33 篇文章

订阅专栏

本文介绍了JavaScript类型系统中的Omit、Pick和Exclude三个功能，展示了如何在TypeScript中剔除对象属性、选择特定属性以及创建类型交集的反面，以提高代码的灵活性和可维护性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Omit剔除某些字段

type User = {

id: string;

name: string;

email: string;

};

type UserWithoutEmail = Omit<User, "email">;
// UserWithoutEmail ={id: string;name: string;}

Pick選擇某些字段

      interface Todo {
        title: string;
        description: string;
        completed: boolean;
      }
      
      type TodoPreview = Pick<Todo, "title" | "completed">;
      
      const todo: TodoPreview = {
        title: "Clean room",
        completed: false
      };

Exclude交集的反面

       type T0 = Exclude<"a" | "b" | "c", "a">;      
       // "b" | "c"
       type T1 = Exclude<"a" | "b" | "c", "a" | "b">;     
       // "c"
       type T2 = Exclude<string | number | (() => void), Function>; 
       // string | number