7

我正在用打字稿中输入的小部件工厂制作一个 jquery 小部件。如何在无需编写 .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"
});

/* 编译器输出: ... 'JQuery' 类型的值上不存在属性 'mywidget' */

4

2 回答 2

11

GitHub 上的DefinitiveTyped项目为大多数流行的 JavaScript 库提供了定义文件。

您需要做的就是下载您需要的文件并在您的代码中引用它，例如：

///<reference path="path/to/jqueryui-1.9.d.ts"/>
于 2012-12-21T07:32:51.063 回答
0

如果您不想要 .d.ts 文件，只需在界面前使用 declare 关键字。例如，请参阅我在https://stackoverflow.com/a/16967239/1859442上的回答

于 2013-06-07T09:16:58.040 回答