TypeScript如何通过函数参数动态Pick返回值类型

安全阿岳

2026-8-29

问题原因

你的判断完全正确，核心问题是原写法没有让TypeScript捕获传入参数的字面量类型：

原代码中params的类型被直接标注为(keyof User)[]，TypeScript只会校验传入值是否符合这个宽类型，不会推导你实际传入了哪些具体字段
typeof params[0]拿到的是整个keyof User联合类型（即'id'|'name'|'email'|...），因此Pick<User, typeof params[0]>等价于完整的User类型，自然访问任意字段都不会报错

实现方案

TypeScript原生支持这类需求，只需要通过泛型捕获实际传入的字段字面量类型即可，不需要修改自动生成的User类型：

// 自动生成的User类型保持原有结构无需修改
type User = {
    id: string;
    name: string | null;
    email: string | null;
    emailVerified: Date | null;
    image: string | null;
    role: Role;
}

// 增加泛型参数K，约束为User的合法键范围
export const getUsers = <K extends keyof User>(
  params: K[]
): Pick<User, K>[] => {
  // 原有GraphQL请求逻辑保持不变
}

效果验证

修改后TypeScript会根据传入的字段自动推导精准的返回值类型：

// 自动推导为const users: Pick<User, "id">[]
const users = getUsers(['id']);

console.log(users[0].id) // 正常通过类型校验
console.log(users[0].name) // 触发类型报错：Property 'name' does not exist on type 'Pick<User, "id">'

// 传入多个字段时会自动推导为键的联合类型
const users2 = getUsers(['id', 'name']);
// users2的类型为Pick<User, "id" | "name">[]
console.log(users2[0].id) // 正常
console.log(users2[0].name) // 正常
console.log(users2[0].email) // 报错