如何使用 SignalR 方法增强 JQueryStatic

Question

我正在使用 TypeScript 2.0 和绝对类型化的 jQuery 声明文件。我也在使用 SignalR。 SignalR 依赖于 jQuery 并向其添加一些属性。例如，您可以编写“$.connection.hub.logging = true;” SignalR 为 jQuery 添加了“连接”。

jQuery 的绝对类型声明文件定义了接口 JQueryStatic 但不导出 JQueryStatic，因为只有 $ 被导出。 $ 是 JQueryStatic 类型。

我的问题是，如何使用 TypeScript 2.0 编写代码，它通过定义新属性 p1 来扩充接口 JQueryStatic，其中“连接”就是一个例子？

Answer 1

这里有几种方法：

1. 确保您使用的是最新版本的SignalR type definition。看起来好像是SignalR definition is already augmenting jQueryStatic。

---

1. 使用TypeScript's declaration merging 通过将下面的 sn-p 添加到 TypeScript 文件的顶部来增强 jQueryStatic。

   declare global { interface JQueryStatic { signalR: SignalR; connection: SignalR; hubConnection: SignalR.Hub.HubCreator; } }