迹忆客 专注技术分享

TypeScript Pick 类型是一种实用类型，基于已经存在的类型来创建新的自定义类型。 它与Omit类型相反。 让我们看看它是如何工作的。

TypeScript 有许多实用程序类型，它们本质上是解决特定问题的自定义类型。 Pick 解决的问题是当我们有一个已经存在的类型，并且想要只使用一个

TypeScript Pick 实用程序类型

该类型的几个字段。 例如，假设我们有一个看起来像这样的 User 类型：

type User = {
    firstName: string,
    lastName: string,
    age: number
}

在代码的另一部分，我们想引用一个 User ，但我们知道数据只给出了 firstName 和 lastName。 因此，我们实际上不能使用 User 类型，因为所有字段都是必需的。 如果我们想创建一个基于 User 的新类型，我们可以使用 Pick。

Pick 有两个参数，第一个是 Type，它是我们想要使用的类型，第二个是一个联合类型或我们想要从我们正在使用的类型中选择的字段列表。 我们这样写：Type<User, "fields" | “to” | “include”> 。 例如，让我们创建一个只有 firstName 和 lastName 的新类型：

type User = {
    firstName: string,
    lastName: string,
    age: number
}
type UserName = Pick<User, "firstName" | "lastName">

现在，使用我们的新类型 UserName，我们可以定义一个仅由 firstName 和 lastName 组成的变量：

let user:UserName = {
    firstName: "John",
    lastName: "Doe"
}

如果我们想创建一个只包含用户 age 的新类型，我们也可以使用 Pick。 这是示例：

type User = {
    firstName: string,
    lastName: string,
    age: number
}

type UserAge = Pick<User, "age">

let age:UserAge = {
    age: 1534
}

如我们所见，Pick 类型在基于现有类型创建自定义类型时非常有用。 现在我们已经掌握了它，接下来就可以简化类型声明了。