为什么在 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 函数内的异常？的详细内容，更多请关注其它相关文章！