为什么在 JS 同步代码中 try/catch 无法捕获 async/await 函数内的异常?

为什么在 js 同步代码中 try/catch 无法捕获 async/await 函数内的异常?

js 同步代码中 try/catch 失效的疑惑

javascript 的同步代码中,使用 try/catch 块来处理异常是一个常见的实践。然而,在某些情况下,try/catch 块可能无法正常捕获错误。

如题中所示的代码段中,refreshdata 函数试图在 async/await 函数中处理刷新 token 的逻辑。然而,在打印 123 之后,try/catch 块却未执行。究其原因,是因为在 new promise() 内使用了 async 函数。

通常情况下,不建议在 new promise() 中使用 async 函数。相反,可以使用 async 函数包裹整个外部函数,并利用 await 来实现异步操作,如下所示:

const request = async (url: string, method: string, data?: any) => {
  if (isrefreshtoken) return;
  // 判断token超时,刷新token
  if (store.getters.expirestime && new date().gettime() >= store.getters.expirestime) {
    await refreshdata();
    return;
  }
};

如果确实需要返回一个 promise 对象,可以使用以下方式:

const request = (url: string, method: string, data?: any): Promise<unknown> => {
  return new Promise((resolve, reject) => {
    if (isRefreshToken) return;
    // 判断token超时,刷新token
    if (Store.getters.expiresTime && new Date().getTime() >= Store.getters.expiresTime) {
      refreshData().then(resolve, reject);
      return;
    }
  });
};</unknown>

值得注意的是,上述代码中不是真正的同步代码。尽管使用了 async/await,它仍然是异步程序的同步写法,而不是传统意义上的同步。

以上就是为什么在 JS 同步代码中 try/catch 无法捕获 async/await 函数内的异常?的详细内容,更多请关注www.sxiaw.com其它相关文章!