Promise 捕获不了异步异常吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

这是一个创建于 753 天前的主题，其中的信息可能已经有所发展或是发生改变。

问题 1：异步异常在 Promise 回调里面.

 // 异步异常 new Promise((resolve, reject) => { setTimeout(() => { throw "err"; }, 0); }) .then((value) => { console.log(value); }) .catch((reason) => { console.log(reason); }); // 控制台抛出错误 // 同步异常 new Promise((resolve, reject) => { throw "err"; }) .then((value) => { console.log(value); }) .catch((reason) => { console.log(reason); }); // output: err // 同步异常 Promise 的状态 const p = new Promise((resolve, reject) => { throw "err"; }) // output: rejected // 异步异常 Promise 的状态 const p = new Promise((resolve, reject) => { setTimeout(() => { throw "err"; }); }) // output: pending

问题 2：异步异常在 then/catch 回调里面.

 // 异步异常 Promise.resolve().then(()=>{ setTimeout(()=>{ throw 'err' },0) }).catch((err)=>{ err }).then((value)=>{ console.log(value) }) // 输出： // undefined // x Uncaught err // 同步异常 Promise.resolve().then(()=>{ throw 'err' }).catch((err)=>{ console.log(err) }).then((value)=>{ console.log(value) }) // 输出： // err // undefined

12 条回复 2023-09-20 12:57:11 +08:00

Vrds

2023-09-19 19:10:16 +08:00

小白求解答！

readonly

2023-09-19 19:13:57 +08:00

是的，里面的异步异常需要手动调用 reject 实现

Vrds

2023-09-19 19:23:34 +08:00

@readonly 好的，谢谢！

ysc3839

2023-09-19 20:51:27 +08:00 via Android

async function 才能捕获异步异常

joesonw

2023-09-19 21:00:51 +08:00 via iPhone

setTimeout 是在你 Promise 结束后执行的，你可以试试。

Vrds

2023-09-19 22:15:22 +08:00

@joesonw setTimeout 里面 reject 的就可以捕获，难道是 Promise 一直会在等待状态改变吗？不太懂

Vrds

2023-09-19 22:18:47 +08:00

@ysc3839 好像是 Promise 执行器源码也用 trycatch 捕获异常，trycatch 只能捕获同步异常

joesonw

2023-09-19 23:56:19 +08:00 via iPhone

@Vrds 没有 resolve/reject 那可不就是 pending 状态。

dropice7777777

2023-09-20 09:00:55 +08:00

我的理解是 setTimeout 里的函数是在全局环境运行的，抛错也是抛给了全局环境，promise 捕获不到

libook

2023-09-20 10:48:12 +08:00

问题 1：

setTimeout 是 JS 里比较特殊的 API ，它本身是异步执行的，放到 Promise 回调函数里执行会马上返回一个计时器对象，Promise 也只能自主看到这个返回，而 setTimeout 回调函数内的代码是在倒计时结束后才会执行的，你不调用 resolve 或 reject 的话 Promise 就压根不知道执行完了（始终是 pending 状态）。

倒计时设置为 0 也是要进行倒计时，而不是说倒计时为 0 就将异步代码转成同步代码了。

建议看看 Event Loop 机制，然后搞明白 setTimeout 是在哪个阶段执行的，这块是 JS 异步的核心，搞不明白的话以后还是会有很多问题整不明白。

问题 2：

第一段代码同问题 1 。错误被 setTimeout 拐到异步过程里了，第一个 then 的回调函数没有捕捉到这个错误，然后就相当于是一个没有 return 的函数，默认返回了 undefined ，下一级 catch 没有捕捉到异常被忽略，再往下 then 接收到一个 undefined 值。

第二段代码第一个 then 的回调函数捕捉到了错误，将其作为一个 Promise.reject 传给下一级，下一级 catch 接收到这个 reject ，执行里面的代码输出了 err 的信息，同时这个回调函数没有写 return ，本身也没有返回一个 Promise 对象，所以默认返回了 undefined 给下一级，下一级 then 接收到了这个 undefined 值，然后运行内部代码将其输出了出来。

https://developer.mozilla.org/zh-CN/docs/Web/Javascript/Reference/Global_Objects/Promise/then
仔细看一下“返回值”部分，看看 then 是怎么工作的。

Vrds

2023-09-20 12:52:52 +08:00

@dropice7777777 有道理，解决办法：情况一、在 Promise 执行器里面抛出异步异常，在定时器里面用 trycatch 捕获 err ，然后 reject(err) ，才能被 catch 捕获到；情况二、在 then 回调里抛出异步异常，只能在异步任务外面再包一层 Promise ，重复情况一的操作，然后 return

Vrds

2023-09-20 12:57:11 +08:00

@libook 谢谢解答！