TypeScript 怎么 wrap 一个函数并修改一下返回值？

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

比如说，

declare function get<T>(): T
declare function wrap<T extends () => any>(fn: T):
  (...args: Parameters<T>) => ReturnType<T> | undefined

// 这里这个 f 的签名和传进的不同啊，成了 () => unknown
let f = wrap(get)

除非 wrap 这么定义：

declare function wrap<T extends () => any>(fn: T): T

这样倒完美了，但是修改不了返回值了

Wrap

函数

返回值

7 replies • 2024-04-22 16:29:25 +08:00

unsized

Apr 22, 2024 via iPhone

declare function wrap<T, F extends typeof get<T>, P extends Parameters<F>>(fn: F): <T extends ReturnType<F>(…args: P) => T | undefined

june4

Apr 22, 2024

@tyx1703 这里的被包装函数是任意函数，不只是 get 。

Sayuri

Apr 22, 2024

```ts
function wrap<F extends (...args: any[]) => any>(fn: F): (...args: Parameters<F>) => DoSomething<ReturnType<F>> {
return fn;
}
```

unsized

Apr 22, 2024 via iPhone

declare function wrap<T extends (…args: any[]) => any, R extends ReturnType<F>>(fn: T):
(...args: Parameters<T>) => R | undefined

Pencillll

Apr 22, 2024

这样写就行了：

declare function wrap<T extends any[], R>(fn: (...args: T) => R): (...args: T) => R | undefined

为什么 op 的定义不行，我的理解是在用 Parameters<T>和 ReturnType<T>提取函数里的类型时，会解除函数的上下文，所以函数的泛型参数也就丢失掉了

参考： https://github.com/Microsoft/TypeScript/pull/30215

cheese

Apr 22, 2024

弱弱的问一下，java 或者其他语言会遇到开发的时候，会遇到 ts 这种，连类型定义也成为开发难度的一部分这种问题吗？

ceeeeeeeeeeeeeeb

Apr 22, 2024

ts 建议还是弃了吧