我正在尝试在Typescript中编写一个泛型函数,该函数基本上从数组中进行过滤。这是javascript中的等效功能
const filterByProp = function (prop, value) {
return function (item) {
return item[prop] === value;
}
}
const result = people.filter(filterByProp('age', 3))
上面的代码工作正常,同样的东西也要转换成打字稿。
下面的打字稿功能正常工作。但是内部函数没有任何类型:(
版本2:
const filterByProp2 = function <T, K extends keyof T>(prop: K, value: T[K]) {
return function (item): boolean {
return item[prop] === value;
}
}
版本3:
下面的代码无法正常工作。在为内部函数应用类型之后。
const filterByProp3 = function <T, K extends keyof T>(prop: K, value: T[K]) {
return function <T>(item: T): boolean {
return item[prop] === value;
}
}
用法:
const result3 = people.filter(filterByProp3<IUser, 'age'>('age', 3)) // Not sure how to pass for inner func <IUser>
我遇到了类似
的错误[ts] Type 'K' cannot be used to index type 'T'.
[ts] This condition will always return 'false' since the types 'T[K]' and 'T[K]' have no overlap.
请帮忙解决一下吗?
版本4:可以,但是我更喜欢解决版本3的问题。
function filterByProp4<T, K extends keyof T>(
prop: K,
entities: T[],
value: T[K]
) {
return entities.filter(e => e[prop] === value);
}
答案 0 :(得分:2)
您只需要在内部函数上指定相同的类型参数。当您将外部脚本用作过滤参数时,Typescript会根据外部函数的预期返回类型来推断T
,因此不需要显式类型参数:
interface Person {
age: number
}
const filterByProp = function <T, K extends keyof T>(prop: K, value: T[K]) {
return function (item: T): boolean {
return item[prop] === value;
}
}
const people: Person[] = [{ age: 3}, { age: 2}];
const result = people.filter(filterByProp('age', 3))
people.filter(filterByProp('age', "3")) //error
people.filter(filterByProp('Age', 3)) //error