使用打字稿製作jquery ui的最佳方式

Question

我正在製作一個jQuery小部件，打字稿中輸入了widget factory。如何提供良好的智能感知，而無需編寫.d.ts？

例如：

/*mywidget.ts*/ 

$.widget("ui.mywidget", { 
    options: { 
     myoption: "" 
    }, 
    doSomething: function() { 
     this._hasDoSomething = true; 
     /*do doSomething*/ 
    }, 
    hasDoSomething: function(): bool { 
     return <bool>this._hasDoSomething; 
    } 
}); 

/*mywidget.d.ts*/ 
interface MyWidgetOptions { 
    myoption: string; 
} 

interface MyWidget extends Widget, MyWidgetOptions {} 

interface NLIB { 
    mywidget: MyWidget; 
} 

interface JQuery { 
    mywidget(): JQuery; 
    mywidget(methodName: string): JQuery; 
    mywidget(options: MyWidgetOptions): JQuery; 
    mywidget(optionLiteral: string, optionName: string): any; 
    mywidget(optionLiteral: string, options: MyWidgetOptions): any; 
    mywidget(optionLiteral: string, optionName: string, optionValue: any): JQuery; 
} 

interface JQueryStatic { 
    nlib: NLIB; 
} 


/// <reference path="teste.d.ts" /> 
$(".teste").mywidget({ 
    myoption: "asdadds" 
}); 

太無聊寫爲每個插件.d.ts。任何選擇？

注： 如果我不包括mywidget.d.ts這個代碼將不會編譯，我不會有智能感知：

///<reference path="path/to/jqueryui-1.9.d.ts"/> 
$(".teste").mywidget({ 
    myoption: "asdadds" 
}); 

/* 編譯出來： ...屬性'mywidget'類型'jQuery'的值不存在 */

Answer 1

GitHub上的DefinitelyTyped項目爲大多數流行的JavaScript庫提供了定義文件。

所有你需要做的是下載您需要的文件，並在你的代碼相似的參考吧：

///<reference path="path/to/jqueryui-1.9.d.ts"/> 

Answer 2

如果你不想.d.ts文件，你的界面之前，只需要使用關鍵字聲明。 舉一個例子，看我的答案https://stackoverflow.com/a/16967239/1859442