仅在其他异步/等待功能解决后才调用 function

Question

我在单击事件后调用 2 个函数。

这些 function 调用存在于singInHandler()

  signInHandler = async () => {
      await window.customAuth.init(configFile);    
      await window.customAuth.login();
  }

要求：我想调用第 3 个 function window.customAuth.getId()但只有在执行上述 2 个函数和相应的响应后才能调用它。

window.customAuth.init(configFile) @returns {Promise} 带有用户数据的 promise。

window.customAuth.login() @returns {Promise}

我怎样才能做到这一点？

Answer 1

将您的承诺放入数组中，然后调用Promise.race ，它将在 1 promise 得到解决后立即得到解决。

或更短：

Promise.race([window.customAuth.init(configFile), window.customAuth.login()]).then(() => {
    // logic here
})

Answer 2

你可以重复你已经做过的事情。

signInHandler = async () => {
      await window.customAuth.init(configFile);    
      await window.customAuth.login();
      await window.customAuth.getId();
  }

如果你想检查前 2 个函数的返回值，那么……就去做吧。

signInHandler = async () => {
      const result1 = await window.customAuth.init(configFile);    
      const result2 = await window.customAuth.login();
      if (result1 === true || check whatever you want) {
            await window.customAuth.getId();
      }
  }