JS异步错误捕获的一些事小结异步错误捕获的一些事小结
引入引入
我们都知道 try catch 无法捕获 setTimeout 异步任务中的错误，那其中的原因是什么。以及异步代码在 js 中是特别常见的，
我们该怎么做才比较？
无法捕获的情况无法捕获的情况
function main() {
try {
setTimeout(() => {
throw new Error('async error')
}, 1000)
} catch(e) {
console.log(e, 'err')
console.log('continue...')
}
}
main();
这段代码中，setTimeout 的回调函数抛出一个错误，并不会在 catch 中捕获，会导致程序直接报错崩掉。
所以说在 js 中 try catch 并不是说写上一个就可以高枕无忧了。难道每个函数都要写吗，
那什么情况下 try catch 无法捕获 error 呢？
异步任务异步任务
宏任务的回调函数中的错误无法捕获
上面的栗子稍微改一下，主任务中写一段 try catch，然后调用异步任务 task，task 会在一秒之后抛出一个错误。
// 异步任务
const task = () => {
setTimeout(() => {
throw new Error('async error')
}, 1000)
}
// 主任务
function main() {
try {
task();
} catch(e) {
console.log(e, 'err')
console.log('continue...')
}
}
这种情况下 main 是无法 catch error 的，这跟浏览器的执行机制有关。异步任务由 eventloop 加入任务队列，并取出入栈(js
主进程)执行，而当 task 取出执行的时候， main 的栈已经退出了，也就是上下文环境已经改变，所以 main 无法捕获 task 的
错误。
事件回调，请求回调同属 tasks，所以道理是一样的。eventloop 复习可以看这篇文章
微任务（promise）的回调
// 返回一个 promise 对象
const promiseFetch = () =>
new Promise((reslove) => {
reslove();
})
function main() {
try {
// 回调函数里抛出错误
promiseFetch().then(() => {
throw new Error('err')
})
} catch(e) {
console.log(e, 'eeee');
console.log('continue');
剩余7页未读，继续阅读
资源评论
weixin_38526823
- 粉丝: 5
- 资源: 946
最新资源
- 传感器短路如何解决.md
- LinkGenerationFailureException解决办法.md
- 传感器开路如何解决.md
- InvalidMediaFormatException解决办法.md
- 固件版本错误如何解决.md
- OutOfRangeException(解决方案).md
- java.注解处理器APT.md
- MediaUploadFailureException解决办法.md
- Android软件开发课程设计-林格曼烟雾黑度检测APP项目源码+答辩PPT
- CSS如此简单：5种添加元素间距方法
- thinkphpRCE渗透测试工具.zip
- 创维8K88机芯 E82RD系列 主程序软件 电视刷机 固件升级包 20130223
- TScan 提供了CMS指纹识别、端口扫描、旁站信息、信息泄漏等功能，期许在最短的时间辅助安全人员在渗透前做好充分的信息搜集.zip
- java.Lambda与Stream API.md
- 传感器断电如何解决.md
- MediaDownloadFailureException解决办法.md
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
