TypeScript 文件中的 JavaScript 引用

Question

我有一个 JavaScript 文件来自: http://javascriptsoapclient.codeplex.com/

我需要用 TypeScript 编写我的程序。

我现在的问题是我不知道如何将这个 .js 文件集成到我的 .ts 文件中。

我想使用 SOAPClient从 .js 文件调用服务中的方法。

.js 中的一些代码:

function SOAPClient() {}

SOAPClient.invoke = function(url, method, parameters, async, callback)
{
    if(async)
        SOAPClient._loadWsdl(url, method, parameters, async, callback);
    else
        return SOAPClient._loadWsdl(url, method, parameters, async, callback);
} 

我这样试过:/// <reference path="soapclient.js" />但它不起作用。

请帮帮我!

提前致谢。

Answer 1

您需要为外部 JavaScript 构建一个定义。最好的开始方式是查看您的使用情况。例如，我从文档中获取了“Hello World”示例:

function HelloWorld() {
    var url = 'http://localhost/';
    var pl = new SOAPClientParameters();
    SOAPClient.invoke(url, "HelloWorld", pl, true, HelloWorld_callBack);
}

function HelloWorld_callBack(r) {
    alert(r);
} 

为了对所使用的功能进行自动完成和类型检查，您需要将以下代码放入名为 SoapClient.d.ts 的文件中。

declare class SOAPClientParameters {
}

interface SOAPClient {
    invoke(url: string, method: string, parameters: SOAPClientParameters, async: boolean, callback?: (response: any) => any);
}

declare var SOAPClient: SOAPClient;

在 Visual Studio 中，这将为您提供自动完成和类型检查。在某些 IDE 中，您需要向调用 SOAPClient 的 TypeScript 文件添加引用注释:

///<reference path="SoapClient.d.ts"/>

您仍然需要记住将实际的 SOAPClient JavaScript 文件添加到您的页面，以便它在运行时可用。

这里有关于创建您自己的类型定义的完整说明:Complex Type Definitions Made Easy .