ts 有办法隐式修改 class constructor 的类型吗?

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

我想给 callable object 加上 function 类型提示

// refer to: https://medium.com/@adrien.za/creating-callable-objects-in-Javascript-fbf88db9904 class Callable extends Function { constructor() { super('return arguments.callee._call(...arguments)') } } class AjaxFactory extends Callable{ constructor(){ super() } _call(url:string, init?:RequestInit) { //middleware(init) return fetch(url, init) } //use(middleware){...} }

每次创建新对象时，调用方总是要类型转换一下，才能获得类型提示

type AjaxFactoryF = AjaxFactory & AjaxFactory['_call'] const request=<AjaxFactoryF>(new AjaxFactory())　//使用方要进行一下类型转换 //request.use(middleware) request('http://x.com').then(resp=>console.log(resp))

有办法简化吗？隐式修改 class constructor 的类型？

2 replies 2023-06-19 07:40:58 +08:00

a132811

Mar 8, 2023

可加一个 alias 中间变量：AjaxFactoryAlias ，给中间变量带上扩展的类型 AjaxFactoryF

type AjaxFactoryF = AjaxFactory & AjaxFactory['_call']
const AjaxFactoryAlias = AjaxFactory as new ()=>AjaxFactoryF
export {AjaxFactoryAlias as AjaxFactory}

chnwillliu

Jun 19, 2023

可以用同名 interface 来声明实例类型。

```typescript
abstract class Callable<T extends (...args:any[]) => any> extends Function {
constructor() {
super('return arguments.callee._call(...arguments)');
}
protected abstract _call(...args: Parameters<T>): ReturnType<T>;
}

interface Callable<T extends (...args:any[]) => any> extends Function {
(...args: Parameters<T>): ReturnType<T>
}

class AjaxFactory extends Callable<(url: string, init?:RequestInit) => Promise<any>> {
protected override _call(url: string, init?:RequestInit): Promise<any> {
return fetch(url, init)
}
}

const request = new AjaxFactory();

request('/test', {method:'GET'})
```

https://www.typescriptlang.org/play?ssl=20&ssc=33&pln=1&pc=1#code/IYIwzgLgTsDGEAJYBthjAgwsZqTIFMAeAFQQIA8ICA7AEwwAoA6V4KAczAC5gaBPANoBdAJQIAvAD4EffjMrV6GAGIBXGvACWAexoIA3gFgAUAnNI9kKGvg6ojccbMXXYNQAcCDgORQCEGpQ+uwcagC2tBBgzLA4hATMAPpxuCxsnBFRYKI+ogDcpq4AvkUWHlA61PAEdLLg0HCIKfHpzKE8CAAK7MCR1FBgpFKi3AgASgFBNCT8XsOFJqUmplo0AwBmcARY8aCEpORUtAwIbR28AiLi0rICCsfKCOqaELr6zq7nnJ09MP3eIYkEZjSaBYKzebA0zLUwoNAYACCACtgBQVE17PwjkpTthcPtiIwgsgxtY1hwADQINZaCAAfm4kwAjmoCJAAJI0Ok3GRdSrhLRgYhyKQyT7lSrVah1HQAN28UC0dB2LTSJLJ0Ap1NpDKZBFZ7IgXJ5Y35OkFwqIosMZVc5n84P0GwCsAAFsSoMgddyIKI7QhlrCTLArIh-IbIJIEDQCAB3BAotEYuxQfiORamCNsyCMHwAemokB81IM-TdOjo3B8AHEAKIkHzFURAA