TS 类型问题高阶函数如何写类型

This topic created in 2487 days ago, the information mentioned may be changed or developed.

比如我的场景是这样的

async function doRequest({ type }) { } function wrapper<T>(fn: (arg: T) => Promise<void>): (arg: T) => Promise<void>{ return async function(...args) { await fn.apply(null, args); }; } const myDoRequest = wrapper(doRequest);

这样写，doRequest的类型（ (arg: { type: any; }) => Promise<void> ）符合我的预期。

现在我想扩展一下 wrapper 到支持多个参数，但是下述两种写法都是不行的

async function doRequest({ type, }, { no }) { } function wrapper<T>(fn: (...args: T[]) => Promise<void>): (...arg: T[]) => Promise<void>{ return async function(...args) { await fn.apply(null, args); }; } const myDoRequest = wrapper(doRequest);

async function doRequest({ type, }, { no }) { } function wrapper<T extends Function>(fn: T): T{ return async function(...args) { await fn.apply(null, args); }; } const myDoRequest = wrapper(doRequest);

这个 wrapper 内部会有一个微妙的报错（虽然不影响返回的类型）

问题这种高阶函数正确的类型是什么呢？

Supplement 1 Jul 6, 2020

哎链接要过期了，补一下

https://gist.github.com/zbinlin/90b5d68656f1bee2a6d24d1e868e781

7 replies 2019-08-07 10:22:23 +08:00

whypool

Aug 6, 2019

那有没有低阶，中阶函数？

otakustay

Aug 6, 2019

function wrapper<T1>(fn: (arg: T1) => Promise<void>): (arg: T1) => Promise<void>
function wrapper<T1, T2>(fn: (arg1: T1, arg2: T2) => Promise<void>): (arg1: T1, arg2: T2) => Promise<void>
function wrapper<T1, T2, T3>(fn: (arg1: T1, arg2: T2, arg3: T3) => Promise<void>): (arg1: T1, arg2: T2, arg3: T3) => Promise<void>

连着这样写 10 个，是 ts 的常用手段