是否可以制作一个伪全局承诺拒绝处理程序？

Question

fetch() 比经典的 XMLhttpRequest() 有了很大的改进 但是我想知道是否将 window.addEventListener('unhandledrejection', event => ···); 添加到我的 index.android.js 和 index.ios.js 理论上我可以从我的承诺链中删除我的所有 .catch() 吗？制作一个伪全局承诺拒绝处理程序？我正在构建一个严重依赖 api 调用的本机应用程序，其中许多都使用用户令牌进行身份验证。当用户登录时，一个令牌存储在异步存储中，但每个令牌都会在一定时间后过期。如果用户打开应用程序并无意中尝试拨打需要使用过期令牌进行身份验证的呼叫，我希望用户被路由到登录页面，无论拨打了什么电话，或者电话所在的组件。我目前有每个单独的承诺链自己处理未经身份验证的调用。有没有更好的方法？

Answer 1

您可以在 fetch 之上进行自定义抽象，这将提供一种与 API 进行通信的方式，并且还具有一些业务逻辑，对您来说是请求身份验证令牌或进行重定向。然后，您在其余代码中使用此抽象来进行 API 调用。下面是一个演示这个想法的小例子：

export default function request(url, options = {}) {
  const req = fetch(url)
    .then((response) => {
      // Global response handler

      // ...

      // Hand response down the promise chain
      return response;
    })
    .catch((err) => {
      // Global error handler

      // Check error status and (make redirect/request auth token)

      // Throw error down the promise chain if needed
      throw err;
    });

    // Returns a promise
    return req;
}

然后你可以在你的代码中使用它，比如fetch()，但是你可以随时修改和扩展它。

request('http://example.com/api/post/1')
  .then((response) => {
    // "response" has whatever you returned from global handler
  })
  .catch((err) => {
    // "err" is whatever you've thrown from global handler
  });