javascript – 带有jQuery UI Widgets的Typescript – 实现呼叫签名

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 带有jQuery UI Widgets的Typescript – 实现呼叫签名，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1521字，纯文字阅读大概需要3分钟。

内容图文

我在我的网站(登录对话框,注册对话框,联系人对话框等)中有很多对话框,我试图使用Typescript进行建模.

jquery-ui d.ts文件定义了一个Dialog接口：

interface Dialog extends Widget, DialogOptions, DialogEvents{  }

DialogOptions和DialogEvents中的所有内容都是可选的,因此没有任何问题,但Widget界面定义了一些我不理解的调用签名：

interface Widget {
    (methodName: string): JQuery;
    (options: WidgetOptions): JQuery;
    (options: AccordionOptions): JQuery;
    (optionLiteral: string, optionName: string): any;
    (optionLiteral: string, options: WidgetOptions): any;
    (optionLiteral: string, optionName: string, optionValue: any): JQuery;

    (name: string, prototype: any): JQuery;
    (name: string, base: Function, prototype: any): JQuery;
}

当我尝试在类中实现此接口时：

class LoginDialog implements Dialog { 

}

编译器抱怨：

Class 'LoginDialog' declares interface 'Dialog' but does not implement it: Type 'Dialog' requires a call signature, but Type 'LoginDialog' lacks one.

我不明白如何实现这些“呼叫签名”或他们应该做什么,事实上,我甚至不了解呼叫签名是什么.

编辑：

我发现呼叫签名的一种有效用例是回调输入：

interface ICallback{
    (param: string) : void;
}

function someMethod(callback: ICallback){
    callback('a string'); //Good
    callback(5);         //Bad 
}

但是,问题仍然存在,因为我找不到多个呼叫签名的用例,仍然不明白如何实现jquery-ui.d.ts Dialog接口

解决方法:

如果您使用的是jQuery UI,则不需要实现任何这些接口,因为它们已经在jQuery UI中实现.这些接口只是为您提供类型信息,用于通过静态类型调用现有的jQuery UI函数.

$( "#dialog" ).dialog();

如果没有jquery-ui.d.ts,类型系统就不会知道dialog()函数.

内容总结

以上是互联网集市为您收集整理的javascript – 带有jQuery UI Widgets的Typescript – 实现呼叫签名全部内容，希望文章能够帮你解决javascript – 带有jQuery UI Widgets的Typescript – 实现呼叫签名所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---