完成后逃离承诺链[重复]

Question

我想在启动我的应用程序之前使用 Promise 链加载一些数据。所以，我会有类似的东西：

fetch('path/to/data.json')
  .then((response) => response.json())
  .then((data) => {
    console.log(`Hey cool, we're done w/ the promise chain here`);
    startApp(data);
  })
  .catch((error) => console.error(`Error in promise chain: ${error}`));

它确实有效——但使用此设置，我的 startApp 函数（或任何后续函数）中的任何错误都会在 Promise 链中得到处理，这似乎是错误的。

我发现的 Promise 示例通常以链的最后一个 then() 中的控制台日志结尾，因此它们对此没有太大的指导意义。

• 我的设置方式真的好吗？
• 如果没有，我怎么能等到承诺链的末尾才调用startApp 函数而不仍然在链中？

Answer 1

您将永远处于承诺链中。但是，您可以轻松地将处理fetch 错误的逻辑与您的数据消耗应用程序分开，如下所示：

fetch('path/to/data.json')
  .then(response => response.json())
  .then(startApp, handleFetchError)
  .catch(error => console.error(`Error from startApp or handleFetchError: ${error}`));

Answer 2

根据问题中观察到的效果，Promise 实现在 try/catch 块内调用 .then 处理程序。如果捕获到错误，then 返回的 Promise 会以同样的原因被拒绝。

要单独报告应用程序错误，您可以在应用程序周围放置自己的 try/catch 块并明确处理错误报告。如果顶级then 处理程序返回而没有重新抛出错误，则不会调用以下catch 处理程序。

例如

fetch('path/to/data.json')
  .then((response) => response.json())
  .then((data) => {
    console.log(`Hey cool, we're done w/ the promise chain here`);
    try {
          startApp(data);
    }
    catch( err) {
      console.log( "An application error occurred:");
      console.error( err);
    }
    // returning without re-throwing the error
  })
 .catch((error) => console.error(`Error in promise chain: ${error}`));

我还看到用于在承诺链之外抛出错误的计时器调用，以防止它们被作为承诺错误消耗。不确定堆栈跟踪是否足够，但至少它可以确定发生了应用程序错误：

例如

fetch('path/to/data.json')
  .then((response) => response.json())
  .then((data) => {
    console.log(`Hey cool, we're done w/ the promise chain here`);
    try {
      startApp(data);
    }
    catch( err) {
        setTimeout( function () { throw err}, 0);
    }
})
.catch((error) => console.error(`Error in promise chain: ${error}`));

另一种方法是使用计时器启动应用程序，这样它就不会在承诺链中执行以启动:-)

setTimeout(startApp, 0, data);