Question

我正在尝试使用Promise \ async重写此基于await的代码：

public loadData(id: string): void {
    this.loadDataAsync()
        .then((data: any): void => {
             // Do something with data
        })
        .catch((ex): void => {
             // Do something with ex
        });
}

public loadDataAsync(): Promise<any> {
    // return Promise somehow
}

到目前为止，我重写的代码是：

public loadData(id: string): void {
    let data: any;

    try {
        data = await this.loadDataAsync();
    } catch(ex) {
         // Do something with ex
    }

    // Do something with data
}

public async loadDataAsync(): Promise<any> {
    // return Promise somehow
}

问题是我必须使用loadData()方法async，因为它已经在体内等待着。然后，我必须从中返回一些Promise，因为async方法必须返回一个Promise。但是我需要维护loadData()方法的API并返回void。

我该如何实现？当内部调用的深处某处正在调用async方法时，如何满足制作async方法的需求呢？

Answer 1

理想情况下，如果您可以更改函数声明，只需将async关键字添加到loadData并在其中使用await，如下所示：

public async loadData(id: string): void {
    let data: any;

    try {
        data = await this.loadDataAsync();
    } catch(ex) {
         // Do something with ex
    }
}

如果您无法更改loadData函数声明，则只需在内部创建一个匿名async函数，然后在匿名函数中调用await，如下所示：

public loadData(id: string): void {
    let data: any;

    try {
        data = (async () => { return await this.loadDataAsync() })();
    } catch(ex) {
         // Do something with ex
    }
}

public async loadDataAsync(): Promise<any> {
    return new Promise((resolve, reject) => {
        // Logic goes here
        resolve(data);
    });
}

每当您使用await关键字时，周围的功能都必须标记为async。

如OP在注释中所指出的那样，在TypeScript中，最好的做法是也用async标记promise返回方法（请参见上面的loadDataAsync函数），因为这样可以确保返回类型始终是一个承诺。有关更多信息，请参见：

TypeScript Async / Await Tutorial

用async \ await重写基于Promise的代码

1 个答案: