在TypeScript中使用async / await链接的方法

时间:2017-05-05 01:49:44

标签: javascript asynchronous promise async-await typescript2.0

我有一种情况需要在异步方法的结果上调用异步方法。

class Parent {
  constructor(private child: Child) { }

  private getChild(): Promise<Child> {
    return Promise.resolve(this.child);
  }

  async getResult(): Promise<Child> {
     return await this.getChild()
  }
}

class Child {
  getText(): Promise<string> {
    return Promise.resolve('text');
  }
}

let child = new Child();
let container = new Parent(child);

let printText = async () => {
  await (await container.getResult()).getText();
}

printText();

是否有一种避免需要加倍等待的好方法?我想我只想做await container.getChild().getText();。在TypeScript中制作API的正确方法是什么,它允许我链接返回promises的方法,然后等待单个等待结果?

编辑:澄清一下,这更像是一个API设计问题。有没有更好的模式来做我正在尝试做的事情(在异步方法返回的对象上调用异步方法)?即使这意味着做一些完全不同的事情?

1 个答案:

答案 0 :(得分:4)

  

有没有办法更好地设计我的API,以便用户不需要双重等待?即使这意味着彻底改变我的例子的结构。

您不能使getResult异步,它需要立即返回Result实例,以便可以在其上调用更多方法。你的例子有点奇怪,因为getChild根本不需要异步。但我们假设它是,并且做了一些重要的事情。

然后你可以写

class Parent {
  private async getChild(): Promise<Child> {
    … // whatever
  }

  getResult(): Result {
     return new Result(this.getChild())
  }
}
class Result {
  constructor(p: Child) {
    this.promise = p;
  }
  async getText(): Promise<string> {
    return (await this.promise).getText();
  }
}

现在您可以直接致电parent.getResult().getText()。基本上,Result充当Child类的代理包装器,它同时执行这两个操作。也许在您的实际架构中,您甚至可以避开this.promise并一步完成子和文本访问。

然而,通常这不值得。只需让您的来电者await每一步。