如何在打字稿中实现具有多个匿名函数的接口

我正在尝试在打字稿中实现如下所示的界面


interface A{

  (message: string, callback: CustomCallBackFunction): void;

  (message: string, meta: any, callback: CustomCallBackFunction): void;

  (message: string, ...meta: any[]): void;

  (message: any): void;

  (infoObject: object): void;

这里 CustomCallBackFunction 定义


type CustomCallBackFunction= (error?: any, level?: string, message?: string, meta?: any) => void;

我无法用类实现接口。任何想法如何做到这一点。


这是用于方法重载例如,我有一个 B 类和一个 A 类型的变量,其实现引用所有其他选项。


class B {

public c: A

}

然后我可以打电话


const b =new B();

b.c(message,callback);

b.c(message,meta,callback);

b.c(message,meta);

b.c(infoObject);


侃侃无极
浏览 119回答 1
1回答

喵喵时光机

可悲的是,实现此接口的唯一方法是使所有参数any。这个接口很像函数重载。这意味着实现函数必须采用一个参数,该参数是该位置参数的所有可能性的并集。第一个参数是string, string, string,any或object。所以类型是string | object | any,它简化为 justany因为any包括其他可能性。第二个参数是CustomCallBackFunction | any | undefined,这又是any第三个参数可以是CustomCallBackFunction或 的第二项...meta: any[],因此再次说明,那一项是any。因此,假设所有参数都必须是 type any,并且可能有任意数量的参数,我认为唯一可行的实现签名是:const fn: A = (...args: any[]) => {}然后您必须自己测试每个参数的类型并弄清楚每个参数的含义以及使用了哪个调用签名。是的,那会很糟糕。const fn: A = (...args: any[]) => {    if (args.length === 2 && typeof args[0] === 'string' && typeof args[1] === 'function') {        // (message: string, callback: CustomCallBackFunction): void;        const [message, callback] = args as [string, CustomCallBackFunction]    } else if (args.length === 3 && typeof args[0] === 'string' && !Array.isArray(args[1]) && typeof args[2] === 'function') {        // (message: string, meta: any, callback: CustomCallBackFunction): void;        const [message, meta, callback] = args as [string, any, CustomCallBackFunction]    } else {        // etc...    }}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript