JavaScript异步代码中try...catch块失效：如何正确捕获refreshToken函数抛出的异常？-js教程-PHP中文网

JavaScript异步代码中try...catch块失效：如何正确捕获refreshToken函数抛出的异常？

碧海醫心

发布： 2025-02-27 08:12:30

原创

821人浏览过

javascript异步代码中try...catch块失效：如何正确捕获refreshtoken函数抛出的异常？

JavaScript异步代码中try...catch失效：有效捕获refreshToken函数异常

本文分析一个JavaScript异步代码中try...catch块无法捕获异常的案例。代码中refreshdata函数包含try...catch，旨在处理refreshtoken函数可能抛出的错误，但实际运行时，即使refreshtoken出错，catch块也未执行。

问题代码：

<code class="javascript">let isrefreshtoken = false;
const request = (url, method, data) => {
  return new Promise(async (resolve, reject) => {
    if (isrefreshtoken) return;
    if (store.getters.expirestime && new Date().getTime() >= store.getters.expirestime) {
      await refreshdata();
      return;
    }
    // ...其他代码
  });
};

const refreshdata = async () => {
  if (!isrefreshtoken) {
    isrefreshtoken = true;
    if (!store.getters.refertoken) {
      cleandata();
      isrefreshtoken = false;
    } else {
      console.log(123);
      try {
        let res = await refreshtoken(store.getters.refertoken);
        store.dispatch('saveinfo', res);
        isrefreshtoken = false;
        uni.switchTab({ url: '/pages/device/index' });
      } catch (error) {
        cleandata();
      }
      console.log(333);
    }
  }
};</code>

登录后复制

问题根源在于request函数使用了new Promise(async (resolve, reject) => { ... })。虽然看起来将异步操作封装在Promise中，但await refreshdata()产生的错误不会被Promise内部的reject捕获。await只处理Promise的resolve值，错误会向上层抛出。

立即学习“Java免费学习笔记（深入）”；

解决方案：

代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

查看详情

方案一：将request函数声明为async函数，直接使用await：

<code class="javascript">const request = async (url, method, data) => {
  if (isrefreshtoken) return;
  if (store.getters.expirestime && new Date().getTime() >= store.getters.expirestime) {
    await refreshdata();
    return;
  }
  // ...其他代码
};</code>

登录后复制

这样，refreshdata中await refreshtoken()产生的错误会被request函数捕获（例如，通过try...catch或向上抛出）。

方案二：在request函数中正确使用Promise，处理refreshdata的Promise结果：

<code class="javascript">const request = (url, method, data) => {
  return new Promise((resolve, reject) => {
    if (isRefreshToken) return;
    if (Store.getters.expiresTime && new Date().getTime() >= Store.getters.expiresTime) {
      refreshData().then(resolve, reject);
      return;
    }
    // ...其他代码
  });
};</code>

登录后复制

此方法将refreshdata的成功/失败结果与Promise的resolve/reject绑定，确保错误被正确处理。

关键：两种方法都处理异步操作，await只是让异步代码看起来像同步，底层仍是异步机制。选择哪种方案取决于代码的整体结构和错误处理策略。

以上就是JavaScript异步代码中try...catch块失效：如何正确捕获refreshToken函数抛出的异常？的详细内容，更多请关注php中文网其它相关文章！