为什么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;
        }
        // ...
    });
}</unknown>

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

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