如何在 promise 之后調用 function

Question

JavaScript 菜鳥在這里。 缺乏對重要設計模式的了解。

this.getEventData(); < 在 promise 解決后，我怎么能稱它為 function？ 那么我可以刪除 noobie setTimeout 嗎？

  public onInit(): Promise<void> {
    return super.onInit().then(_ => {
      new Promise<void>((resolve: () => void, reject: (error: any) => void): void => {
        this.context.aadHttpClientFactory
          .getClient(APIAppRegID)
          .then((client: AadHttpClient): void => {
            this.httpClient = client;
            resolve();
          }, err => reject(err));
      });
      setTimeout(() => {
        this.getEventData();
      }, 1500);
    });
  }

Answer 1

promise 沒有任何意義。 你沒有使用它。 您可以刪除它：

public onInit(): Promise<void> {
  return super.onInit().then(_ => {
    this.context.aadHttpClientFactory
      .getClient(APIAppRegID)
      .then((client: AadHttpClient): void => {
        this.httpClient = client;
        this.getEventData();
      });
  });
}

Answer 2

async/await版本：

async onInit(): Promise<void> {
  await super.onInit();
  this.httpClient = await this.context.aadHttpClientFactory.getClient(APIAppRegID);
  this.getEventData();
}