承诺后如何调用函数答案

【问题标题】：How to call a function after promise承诺后如何调用函数
【发布时间】：2022-01-08 05:42:10
【问题描述】：

JavaScript 新手在这里。缺乏对重要设计模式的了解。

this.getEventData();

  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);
    });
  }

【问题讨论】：

"在承诺之后"是什么意思？承诺解决后？该函数在 promise 创建后调用。
@jabaa 就是这样
我建议您通过阅读 MDN 上的 "Using Promises" 来了解 Promise 的工作原理。
你为什么还要创建new Promise？你没有使用它。您可以删除代码的整个承诺部分。

标签： javascript spfx

【解决方案1】：

async/await 版本：

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

【讨论】：

谢谢你！！！

【解决方案2】：

承诺没有任何意义。你没有使用它。你可以删除它：

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

【讨论】：

@JeremyThille 是的，你是对的。我把它移到了回调中。