在嵌套承诺链中捕获错误的更简洁方法？

Question

我是使用 Promise 的新手，我注意到，为了在嵌套的 Promise 链中捕获错误，我需要在链中的每个 Promise 上调用 catch 方法。有没有更简洁的方法来写这个？

      poll.pollForCandidates().then((candidates) => {
        let clientId = candidates[0].clientId;
        poll.getUnprocessedCandidates({context, clientId, candidates})
          .then((unprocessedCandidates) => {
            console.log(unprocessedCandidates);
            poll.addCandidatesToQueue(context, unprocessedCandidates)
              .then((processedCandidates) => {
                console.log(processedCandidates);
                poll.addCandidatesToTable(processedCandidates)
                  .then((result) => {
                    console.log(result);
                  })
                  .catch((error) => {
                    console.log(error);
                  });
              })
              .catch((error) => {
                console.log(error); 
              })
          })
          .catch((error) => {
             console.log(error); 
          })
      })
      .catch(() => {
        console.done(error); 
      });
    };

Answer 1

这是更短的方法：

poll.pollForCandidates()
    .then((candidates) => poll.getUnprocessedCandidates({ context, candidates[0].clientId, candidates }))
    .then((unprocessedCandidates) => poll.addCandidatesToQueue(context, unprocessedCandidates))
    .then((processedCandidates) => poll.addCandidatesToTable(processedCandidates))
    .then(console.log)
    .catch(console.error);

解释：

这叫做组合promise，它是promise的超级大国之一。每个函数只会在前一个 Promise 完成后调用，并且会使用该 Promise 的输出调用。

你可以在 then 函数中做三件事：

1. 返回另一个承诺
2. 返回一个同步值（或未定义）
3. 引发同步错误

在上面的示例中，我们返回一个承诺，因此我们可以使用.then 继续组合承诺。

最后，console.log 得到结果并用它调用console.log。 （与console.error 相同）

就是这样。一旦你理解了这个技巧，你就理解了 Promise。

您可以在此处继续阅读： We have a problem with promises - By: Nolan Lawson

Answer 2

就像提到的@bugwheels94 一样，您可以从.then 中返回您的承诺，并在之前的.then 之外添加另一个.then。此外，.then 可以接受 2 个参数 - 第二个用于捕获错误。用语言解释有点困难，所以这里举个例子。

poll.pollForCandidates()
  .then((candidates) => {
    let clientId = candidates[0].clientId;

    return poll.getUnprocessedCandidates({context, clientId, candidates})
      .then((unprocessedCandidates) => {
        console.log(unprocessedCandidates);
        return poll.addCandidatesToQueue(context, unprocessedCandidates)
      }, (error) => {
         console.log(error); 
      })
      .then((processedCandidates) => {
        console.log(processedCandidates);
        return poll.addCandidatesToTable(processedCandidates)
      }, (error) => {
        console.log(error); 
      })
      .then((result) => {
        console.log(result);
      }), (error) => {
        console.log(error);
      });
  })
  .catch((error) => {
    console.log(error);
  });

编辑：@jfriend00 提出了使用所有这些.catch 方法的好处。以下是在链末尾带有单个 .catch 的代码。

poll.pollForCandidates()
  .then((candidates) => {
    let clientId = candidates[0].clientId;

    return poll.getUnprocessedCandidates({context, clientId, candidates})
      .then((unprocessedCandidates) => {
        console.log(unprocessedCandidates);
        return poll.addCandidatesToQueue(context, unprocessedCandidates)
      })
      .then((processedCandidates) => {
        console.log(processedCandidates);
        return poll.addCandidatesToTable(processedCandidates)
      })
      .then((result) => {
        console.log(result);
      });
  })
  .catch((error) => {
    console.log(error);
  });

编辑 2：删除那些多余的 console.log 语句可以让它更简洁。

poll.pollForCandidates()
  .then((candidates) => {
    let clientId = candidates[0].clientId;

    return poll.getUnprocessedCandidates({context, clientId, candidates})
      .then(unprocessedCandidates => poll.addCandidatesToQueue(context, unprocessedCandidates))
      .then(poll.addCandidatesToTable)
      .then((result) => {
        console.log(result);
      });
  })
  .catch((error) => {
    console.log(error);
  });