登录
首页 >  文章 >  前端

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

时间:2024-11-02 11:46:01 473浏览 收藏

最近发现不少小伙伴都对文章很感兴趣,所以今天继续给大家介绍文章相关的知识,本文《为什么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<unknown>,与使用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学习网公众号,带你了解更多关于的知识点!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>