JavsScript系列-Promise的错误捕获

JavsScript系列-Promise的错误捕获

我们需要在异步任务中准确的进行错误捕获，以便我们可以知道错误出在什么地方

如果对Promise和trycatch不够理解的话，很多时候会出现Promise中的错误无法被捕获的情况，本文来讨论这些情况

try catch

try catch 只能捕获当前上下文中的错误，也就是只能捕获同步任务的情况，如下场景：

try {
    throw "程序执行遇到了一些错误";
} catch(e) {
    console.log(e)
}
// 控制台会输出：程序执行遇到了一些错误 

这很好，错误被捕获了，我们可以在程序中进程错误的处理；

但是对于异步的任务，trycatch就显得无能为力，不能正确捕获错误：

try {
    setTimeout(() => {
      throw "程序执行遇到了一些错误"  
  })
} catch(e) {
    console.log(e);
}
// 控制台输出：Uncaught 程序执行遇到了一些错误； 

又或者这样：

try {
    Promise.reject('程序执行遇到了一些错误');
} catch(e) {
    console.log(e);
}
// 控制台输出：Uncaught (in promise) 程序执行遇到了一些错误 

上面的代码都无法正常捕获到错误，因为：trycatch永远捕获的是同步的错误

什么是同步的错误？

当在一个事件循环内，同一个任务队列中出现的错误，对于这个任务所在的上下文而言，就是同步错误。

setTimeout和Promise被称为任务源，来自不同的任务源注册的回调函数会被放入不同的任务队列中。

• setTimeout中的任务会被放入宏任务

• Promise中的任务会被放入微任务

• 拓展：setTimeout是宿主浏览器发起的任务，一般会被放入宏任务