一个 TypeScript keyof 泛型用法

84 阅读 0 评论 56 点赞

我是靠谱客的博主含糊棉花糖，这篇文章主要介绍一个 TypeScript keyof 泛型用法，现在分享给大家，希望可以做个参考。

平时工作自认为有 Swift Rust 经验, 所以不需要看 TypeScript 泛型方面的应用, 总以为大同小异, 拒绝看文档学语言, 从我做起. 今日看到一个用上泛型的 pluck 函数

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

有点懵逼, 查了一下 keyof 的应用.

const a = {
a: 1,
b: 2,
};
keyof typeof a; // 'a' | 'b'
class A {
c: number;
d: number;
}
keyof A; // 'c' | 'd'
复制代码

哦呼, 完蛋, 直接生成一个联合属性, 所以 pluck 函数 K 就是把 T 属性名作为字面量类型. K 就是 T 的属性名, 所以 T[K][] 这样的类型也好理解了.
至于字面量类型就是 TypeScript 可以把一个字符串当作一个类型

const a: 'a';
复制代码

TypeScript 的类型系统还是蛮好玩的, 嗯哼就这样吧.

以上就是含糊棉花糖最近收集整理的关于一个 TypeScript keyof 泛型用法的全部内容，更多相关一个内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。