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

从现在开始，努力学习吧！本文《为什么在 JS 同步代码中 try/catch 无法捕获 async/await 函数内的异常？》主要讲解了等等相关知识点，我会在golang学习网中持续更新相关的系列文章，欢迎大家关注并积极留言建议。下面就先一起来看一下本篇正文内容吧，希望能帮到你！

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;
    }
  });
};

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

到这里，我们也就讲完了《为什么在 JS 同步代码中 try/catch 无法捕获 async/await 函数内的异常？》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！