在 Typescript 中解构函数参数

Question

我正在尝试为以下函数的成员提供类型。 args是具有data类型属性的对象UserCreateInput

所以，从这个：

createUser(parent: any, args: any, context: any) {
    return context.prisma.createUser(args.data)
}

我是这样写的：

createUser(parent: any, args: {data: UserCreateInput}, context: any) {
    return context.prisma.createUser(args.data)
}

我不确定如何替换“xxx”，createUser(parent: any, xxx, context: any)所以我可以简单地返回return context.prisma.createUser(data)

Answer 1

您可以使用对象解构语法：

createUser(parent: any, { data }: { data: UserCreateInput }, context: any) {
    return context.prisma.createUser(data)
}

不幸的是，它需要你写data两次。有一个建议可以解决这个问题，但存在一些问题。

Answer 2

内联对象类型的一种广泛使用且可以说不太难看的替代方案是将解构对象定义为命名的 args 或 props 类型。例如：

interface CreateUserArgs {
  data: UserCreateInput
}

createUser(parent: any, { data }: CreateUserArgs, context: any) {
    return context.prisma.createUser(data)
}

遗憾的是，它仍然需要复制属性名称（并且意味着您需要为其命名），但它有两个潜在的好处：

• 它不会用括号填充参数列表，因此更容易查看顶级参数是什么以及有多少个
• 该类型可以导出并在其他文件中使用（例如，如果在调用函数时构建 args 对象不仅仅是内联，则由该函数的使用者使用）