为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

侃侃无极 2022-12-22 14:50:11
我正在尝试在打字稿中实现如下所示的界面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);
查看完整描述

1 回答

?
喵喵时光机

TA贡献1846条经验 获得超7个赞

可悲的是,实现此接口的唯一方法是使所有参数any

这个接口很像函数重载。这意味着实现函数必须采用一个参数,该参数是该位置参数的所有可能性的并集。

  1. 第一个参数是stringstringstring,anyobject。所以类型是string | object | any,它简化为 justany因为any包括其他可能性。

  2. 第二个参数是CustomCallBackFunction | any | undefined,这又是any

  3. 第三个参数可以是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...

    }

}


查看完整回答
反对 回复 2022-12-22
  • 1 回答
  • 0 关注
  • 118 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号