javascript - 为什么即使使用 async/await，也会在异步调用解决之前返回值？

Question

以下函数在 this.codesService.getCostCodes() 解析之前返回 Promise，导致未定义

  async getTopParentByChildId(id: string) {
    let parent;

    await this.codesService.getCostCodes().subscribe( data => {
      parent = data.body[0];
    });

    return new Promise<BidItem>(resolve => {           //returning `parent` results in the same issue
      resolve(parent);
    });

  }

getTopParentByChildId() 正在由另一个异步函数调用，该函数具有相同的问题，即在解析异步调用之前返回未定义:

  async populateBidItemObjectArray(node){
    const parent = await this.getTopParentByChildId(node.id);    //should wait for function to return before executing the rest

    const bidItem = {
      name: parent.name,
      id: parent.id
    };

    return new Promise<BidItem>(resolve => {     //returns undefined before this.getTopParentByChildId is resolved
      resolve(parent);
    });
  }

我已经阅读了很多有关异步/等待和 promise 的内容，但到目前为止，我尝试过的解决方案都没有为我工作。我无法理解为什么当我使用 async/await 关键字时它不等待异步函数解析。

Answer 1

您可以等待一个Promise，仅此而已。你不能等待 rxjs 订阅(甚至不能等待 rxjs observable，尝试更有意义，但仍然行不通)。

您可以将 getTopParentByChildId 重构为此，从而删除不需要的 async/await。

getTopParentByChildId(id: string) {
  return this.codesService.getCostCodes()
    .pipe(map(data => data.body[0]))
    .toPromise();
}

您可以将 populateBidItemObjectArray 重构为此。

populateBidItemObjectArray(node) {
  return this.getTopParentByChildId(node.id)
    .then(_ => {
      return {
          name: _.name,
          id: _.id
        };
    });
}