为什么js同步代码中的try/catch无法捕获async函数抛出的异常？

最近发现不少小伙伴都对文章很感兴趣，所以今天继续给大家介绍文章相关的知识，本文《为什么js同步代码中的try/catch无法捕获async函数抛出的异常？》主要内容涉及到等等知识点，希望能帮到你！当然如果阅读本文时存在不同想法，可以在评论中表达，但是请勿使用过激的措辞~

js中同步代码里为何没有执行try/catch代码？

在提供的代码片段中，refreshdata函数被设计为当token超时时刷新token。然而，在执行try/catch代码之前，程序打印了123，这表明catch块没有被触发。原因在于：

通常情况下，在新创建的promise内部使用async函数是不合适的。如果要使用await，可以将外层函数直接定义为async函数，如下所示：

const request = async (url: string, method: string, data?: any) => {
    // ...
    if (isrefreshtoken) return;
    // ...
    if (store.getters.expirestime && new date().gettime() >= store.getters.expirestime) {
        await refreshdata();
        // await这里如果发生错误，将抛出异常
        return;
    }
    // ...
}

此时，request函数返回一个promise，与使用new promise返回的类型一致。

或者，如果你确实想使用promise对象，则应该像这样编写：

const request = (url: string, method: string, data?: any): Promise<unknown> => {
    return new Promise((resolve, reject) => {
        // ...
        if (isRefreshToken) return;
        // ...
        if (Store.getters.expiresTime && new Date().getTime() >= Store.getters.expiresTime) {
            refreshData().then(resolve, reject);
            // 将refreshData的执行与resolve和reject绑定起来
            return;
        }
        // ...
    });
}

这两种方法都可以避免try/catch代码无法执行的问题。需要注意的是，此处是在异步程序中使用“同步写法”，而不是真正的同步代码。

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