
JavaScript异步代码中try…catch失效:有效捕获refreshToken函数异常
本文分析一个JavaScript异步代码中try...catch块无法捕获异常的案例。代码中refreshdata函数包含try...catch,旨在处理refreshtoken函数可能抛出的错误,但实际运行时,即使refreshtoken出错,catch块也未执行。
问题代码:
let isrefreshtoken = false;const request = (url, method, data) => { return new Promise(async (resolve, reject) => { if (isrefreshtoken) return; if (store.getters.expirestime && new Date().getTime() >= store.getters.expirestime) { await refreshdata(); return; } // ...其他代码 });};const refreshdata = async () => { if (!isrefreshtoken) { isrefreshtoken = true; if (!store.getters.refertoken) { cleandata(); isrefreshtoken = false; } else { console.log(123); try { let res = await refreshtoken(store.getters.refertoken); store.dispatch('saveinfo', res); isrefreshtoken = false; uni.switchTab({ url: '/pages/device/index' }); } catch (error) { cleandata(); } console.log(333); } }};
问题根源在于request函数使用了new Promise(async (resolve, reject) => { ... })。虽然看起来将异步操作封装在Promise中,但await refreshdata()产生的错误不会被Promise内部的reject捕获。await只处理Promise的resolve值,错误会向上层抛出。
立即学习“Java免费学习笔记(深入)”;
解决方案:
方案一:将request函数声明为async函数,直接使用await:
const request = async (url, method, data) => { if (isrefreshtoken) return; if (store.getters.expirestime && new Date().getTime() >= store.getters.expirestime) { await refreshdata(); return; } // ...其他代码};
这样,refreshdata中await refreshtoken()产生的错误会被request函数捕获(例如,通过try...catch或向上抛出)。
方案二:在request函数中正确使用Promise,处理refreshdata的Promise结果:
const request = (url, method, data) => { return new Promise((resolve, reject) => { if (isRefreshToken) return; if (Store.getters.expiresTime && new Date().getTime() >= Store.getters.expiresTime) { refreshData().then(resolve, reject); return; } // ...其他代码 });};
此方法将refreshdata的成功/失败结果与Promise的resolve/reject绑定,确保错误被正确处理。
关键:两种方法都处理异步操作,await只是让异步代码看起来像同步,底层仍是异步机制。 选择哪种方案取决于代码的整体结构和错误处理策略。
以上就是JavaScript异步代码中try…catch块失效:如何正确捕获refreshToken函数抛出的异常?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1502782.html
微信扫一扫
支付宝扫一扫