javascript - 如何将成员添加到 flowjs 中的现有定义

Question

TypeScript 似乎有一个重要的小功能，可以让您将成员添加到现有的接口(interface)定义中。在接口(interface)中，成员是可加的，因此如果您使用一组成员定义接口(interface)，您可以再次定义接口(interface)以向接口(interface)添加额外的成员。

我有一个预定义的外部 flowjs 定义文件，如下所示:

declare class JQueryStatic {
  ajax(url: string, settings?: any): any;
}
declare var jQuery: JQueryStatic;
declare var $: JQueryStatic;

现在想向类 JQueryStatic 添加一个新方法 myPlugin(settings?: any): any;。

这是以强类型方式支持 jQuery 插件的关键。

在流程中执行此操作的建议方法是什么？

Answer 1

交叉路口是要走的路。

首先我们需要 jquery 的基本定义，假设它看起来像这样:

// here we declare shape of jquery
declare class $GlobalJquery {
   foo(): void
}

// here we declare global reference to jquery
declare var $: $GlobalJquery;

接下来我们需要在某处声明插件的形状:

interface SomeJqueryPlugin {
  bar(): void;  // plugin adds bar() function to jquery
}

最后，当我们需要使用插件功能时，我们重新声明$:

declare var $: $GlobalJquery & SomeJqueryPlugin;

$.foo();
$.bar();