异步TypeScript函数返回jQuery Promise

Question

我正在尝试在TypeScript中构建类似于MVC的控制器，并且很难让我的异步方法返回延迟的诺言。

这是我的功能签名：

static async GetMatches(input: string, loc?: LatLng):JQueryPromise<any> {

编译器告诉我'JQueryPromise'不是有效的异步函数返回类型。

我以为这样的东西将是异步函数的最常见用例，但我找不到任何示例。

有什么帮助吗？

Answer 1

从详细介绍async功能的问题开始 （我找不到更好的参考）：

异步函数必须提供返回类型注释，该注释指向兼容的Promise类型。 仅当存在全局定义的兼容Promise类型时，才可以使用返回类型推断。

接着

异步功能需要兼容的Promise抽象才能正常运行。 兼容的实现实现以下接口，这些接口将添加到核心库声明（lib.d.ts）：

 interface IPromiseConstructor<T> { new (init: (resolve: (value: T | IPromise<T>) => void, reject: (reason: any) => void) => void): IPromise<T>; } interface IPromise<T> { then<TResult>(onfulfilled: (value: T) => TResult | IPromise<TResult>, onrejected: (reason: any) => TResult | IPromise<TResult>): IPromise<TResult>; } 

出于充分原因， jQuery推迟-不在兼容性列表中。

Answer 2

JQueryPromise不满足async / await的诺言要求，它们应补充以下接口：

interface IPromiseConstructor<T> {  
    new (init: (resolve: (value: T | IPromise<T>) => void, reject: (reason: any) => void) => void): IPromise<T>;  
}  

interface IPromise<T> {  
    then<TResult>(onfulfilled: (value: T) => TResult | IPromise<TResult>, onrejected: (reason: any) => TResult | IPromise<TResult>): IPromise<TResult>;  
}

有关更多详细信息，请参见此处的第4部分： 链接

Answer 3

要为jQuery Prom启用异步/等待，请使用以下命令。 它与DefinitelyTyped中的jquery.d.ts结合使用。

class JQueryPromise<T> {
    constructor(executor: (resolve: (value?: T | PromiseLike<T>) => void, reject: (reason?: any) => void) => void) {
        let dfd = $.Deferred<T>();
        function fulfilled(value?: T | PromiseLike<T>) {
            let promise = <PromiseLike<T>>value;
            if (value && promise.then) {
                promise.then(fulfilled, rejected);
            }
            else {
                dfd.resolve(<T>value);
            }
        }
        function rejected(reason) {
            let promise = <PromiseLike<T>>reason;
            if (reason && promise.then) {
                promise.then(fulfilled, rejected);
            }
            else {
                dfd.reject(<T>reason);
            }
        }
        executor(fulfilled, rejected);
        return dfd.promise();
    }
}

例：

interface IData {
  value: number;
}

async function getValue(): JQueryPromise<number> {
    let result = <IData> await $.getJSON('/data.json');
    return result.value;
}