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

原创已于 2023-12-28 14:19:31 修改 · 606 阅读

8 ·

CC 4.0 BY-SA版权

创作源自于MyFreeIT

文章标签：

#前端 #typescript

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

前端专栏收录该内容

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