Typescript 泛型函数的返回类型

发布于04月29日

我试图让getResults函数返回正确的类型，但目前仍有以下问题:

interface IResponse<T> {
    result: T;
}

type FnType<P, R> = (params: P) => R;

const r1: IResponse<string[]> = { result: ['123'] };
const r2: IResponse<number[]> = { result: [456] };

const getResults = <T, R extends IResponse<T[]>, P>(fn: FnType<P, R>, params: P): T[] => {
    return [
        ...fn(params).result,
        ...fn(params).result
    ];
};

const getValue = <T>(r: IResponse<T>) => r;

// returned type is unknown[]
// how can we make it return string[]?
getResults(getValue, r1);

// returned type is unknown[]
// how can we make it return number[]?
getResults(getValue, r2);

Playground

代码只是一个示例，在production getResults中，函数用于合并分页请求的结果(本例中fn是一个请求函数)

推荐答案

所以，我不确定这是否也能涵盖生产所需的东西.但是返回类型看起来是这样的:

interface IResponse<T> {
    result: T;
}

type FnType<P, R> = (params: P) => R;

const r1: IResponse<string[]> = { result: ['123'] };
const r2: IResponse<number[]> = { result: [456] };

const myResults = <P,R>(fn: FnType<P,IResponse<R[]>>, params: P): R[] => {
     return [
        ...fn(params).result,
        ...fn(params).result
    ];
}

const getValue = <T>(r: IResponse<T>) => r;

myResults(getValue, r1);

myResults(getValue, r2);

Playground link

编辑:

但我能看到的是，你使用了三种通用类型T、R和P.我的 idea 是，基本上你只需要担心两种类型，即参数和方法的结果.

我基本上说，getValue's IResponse中的任何类型都将是myResults函数的最终输出.