4 实现 Pick
约 195 字小于 1 分钟
题目
不使用 Pick<T, K> ,实现 TS 内置的 Pick<T, K> 的功能。
从类型 T 中选出符合 K 的属性,构造一个新的类型。
例如:
interface Todo {
title: string
description: string
completed: boolean
}
type TodoPreview = MyPick<Todo, 'title' | 'completed'>
const todo: TodoPreview = {
title: 'Clean room',
completed: false,
}解法
考虑遍历K,并取得T中对应的类型。
使用[P in K]遍历K。使用索引访问类型T[P]获得T中对应属性的类型。
type MyPick<T, K> = {
[P in K]: T[P]
}报错Type 'K' is not assignable to type 'string | number | symbol'.(2322),应该是没有对K进行类型约束导致。使用extends和keyof将K约束至T的键中:K extends keyof T。
type MyPick<T, K extends keyof T> = {
[P in K]: T[P]
}