关于泛型理解的一点疑惑

发布于 2022-09-11 23:24:36 字数 521 浏览 23 评论 0

function pluck<T, K extends keyof T>(o: T, names: K[]): T[K][] {
  return names.map(n => o[n]);
}

interface Person {
    name: string;
    age: number;
}
let person: Person = {
    name: 'Jarid',
    age: 35
};
let strings: string[] = pluck(person, ['name']);

有一個疑問:
K extends keyof T => type K = 'name' | 'age'
但是調用函數時 根據類型推斷 K[] => string[] => string
換句話說 K的類型是string 但是泛型裡面是聯合類型 所以
問題:這個K的類型怎麼理解

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

云朵有点甜 2022-09-18 23:24:36

'name'[] => 为name字面量类型的数组

难忘№最初的完美 2022-09-18 23:24:36

首先,获取参数o的类型T。因为传入的变量person的类型为Person,因此推导TPerson

然后,推导K。因为K extends keyof Tkeyof T的类型为"name" | "age",而K继承了它,所以K的类型也为"name" | "age"
所以name变量的类型也就出来了。

最后是返回值。T[K]javascript类似,意思是类型T中键为K的值的类型。所以返回值类型就和传入的names一一对应了。当然,顺序并不保证。

巾帼英雄 2022-09-18 23:24:36

K是有限定的:K extends keyof T,说K是string是不准确的,K是一个联合类型,类型范围是keyof T

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文