javascript - 如何处理 Promise 中的分支？

Question

我正在使用 AWS Cognito 实现无密码身份验证流程。它与 UI 相关的逻辑，所以我倾向于选择不阻塞线程，只使用 Promise(没有 async 和 await)。做类似下面的事情仍然让我觉得，我正在写另一个回调 hell 的“Promise 版本”。

  const session = await getSession();

  if (!session) {
    try {
      const user = await signUp(emailAddress);
    } catch (error) {
      try {
        const state = await resendConfirmationCode();
      } catch {
        await forgotPassword();
      }
    }
  }

我确实知道我可以使用then 将所有函数链接在一起，但后续then 中的响应实际上取决于结果进入最后一个 then 这就是为什么我要问如何处理 Promise 内的分支(或 then)的原因。

所有方法都返回thenable。我很难找到一种方法来使用纯 Promise 和 then 来实现它。使用 callback 非常简单。

export const doInitAuth = emailAddress => {
  getSession()
    .then(
      // Step 01 Check there is a current live session (Optional)
      session => {
        return null; // stopped the auth flow and dropped `session`
      },
      error => {
        // Step 02 Signup a new account
        return signUp(emailAddress).then(
          userData => {
            return null; // stopped the auth flow and dropped `userData`
          },
          error => {
            // Resend account verification code if user already signed up
            return resendConfirmationCode().then(
              result => {
                return null; // stopeed the auth flow and dropped `result`
              },
              error => {
                return forgotPassword(); // HACK: (Xinyang) There is a limit for number of time a user can "forgot" the password in a given time
              }
            );
          }
        );
      }
    )
    .catch(error => {
      throw Error("Unhandled error in the auth flow", error);
    });
};

理想情况下，我希望在没有额外库的情况下完成此操作。

Answer 1

既然您已经在使用 promises 和现代 Node - 绝对没有理由不使用 async/await它可以让你同步编写异步代码。

此外，让我们编写一个小助手来检查 promise 流程，因为您正在使用异常进行流程控制，这通常是一个很大的禁忌:

const reflect = p => p.then(value => ({ state: 'fulfilled', value }), 
                            error => ({ state: 'rejected', error }));

现在，让我们重写它而不使用非异常流控制的异常:

export const doInitAuth = async emailAddress => {
  if ((await reflect(getSession()).state === 'fulfilled') return; // already has a live session
  if ((await reflect(signUp(emailAddress))).state === 'fulfilled') return; // signed up successfully
  if ((await reflect(resendConfirmationCode())).state === 'fulfilled') return; // sent confirmation email
  if ((await reflect(forgotPassword())).state === 'fulfilled') return;
  // deal with what you want to do in case forgotPassword failed here  
};

您的代码看起来“怪异”的原因是因为您正在使用流量控制异常 - 没有 session 、无法使用已接收的电子邮件进行注册等都是合理的而不是异常情况，您应该考虑不使用他们的异常(exception)情况。