我有一些用javascript编写的jquery
扩展。它们的访问方式如下:
var myNumber = $.myStaticFunction(myString);
var myObject = $('selector').myElementFunction(myString);
要在打字稿部分使用此函数,我可以更改 jQuery 的 index.d.ts:
interface JQuery<TElement extends Node = HTMLElement> extends Iterable<TElement> {
...
myElementFunction: (sr:string) => {foo:number, bar:string};
...
interface JQueryStatic<TElement extends Node = HTMLElement> {
...
myStaticFunction: (sr:string) => number;
...
所以我知道这是直接更改索引的最丑陋的方式!我想我必须写一个单独的myextension.d.ts。我必须如何为 jquery 扩展编写定义文件?
无需更改现有定义文件。打字稿支持接口合并。您可以只定义myextension.d.ts
并使用///
引用。
// myextension.d.ts
interface JQuery<TElement extends Node = HTMLElement> extends Iterable<TElement> {
myElementFunction: (sr: string) => { foo: number, bar: string };
}
interface JQueryStatic<TElement extends Node = HTMLElement> {
myStaticFunction: (sr: string) => number;
}
//usage.ts
/// <reference path="myextension.d.ts" />
var myNumber = $.myStaticFunction("myString");
var myObject = $('selector').myElementFunction("myString");