在JavaScript中共享异步函数响应的干净方法是什么？

Question

我有与此类似的异步功能：

class ArticleParser() {
  _title;

  async genTitle() {
    if (!this._title) {
      this._title = await takesALongTime();
    }

    return this._title;
  }
}

如果genTitle在第一个调用完成之前被多次调用，它将多次调用takesALongTime 。 我希望所有对genTitle调用都共享相同的返回承诺。 有没有一种干净/简单的方法？

这是一个可行的解决方案，但看起来很混乱：

class ArticleParser() {
  _title;
  _genTitlePromise;

  async _genTitle() {
    this._title = await takesALongTime();
  }

  async genTitle() {
    if (!this._title) {
      if (!this._genTitlePromise) {
        this._genTitlePromise = this._genTitle();
      }
      await this._genTitlePromise;
    }

    return this._title;
  }
}

Answer 1

您只需要稍后开始等待，因此this._title将是promise的一个实例。 我在现实生活中会以不同的方式命名（this._title）：

class ArticleParser {
  async genTitle() {
    if (!this._title) {
      this._title = takesALongTime();
    }

    return await this._title;
  }
}