Async/await是否需要捕获Promise？Promise链式调用行为异常求解

兄弟，太懂这种“花一整天揪Promise小问题”的痛苦了——Async/Await和Promise的链式调用有时候确实藏着反直觉的细节，你的这段代码正好戳中了很多人容易踩的坑！

先把你的代码完整展示出来（补全了最后没写完的finally）：

var p = new Promise((resolve, reject) => { reject(new Error('some rainy days...')) })
p 
.then(data => {console.info('data', data)})
.catch(error => {console.error('inner error', error)})
.finally(() => {console.info('inner done!')})
.catch(error => {console.error('outer error', error)})
.finally(() => {console.info('outer done!')})

先看实际执行顺序和结果： #

1. 初始Promise p 直接reject，所以跳过第一个.then，进入第一个.catch，打印 inner error Error: some rainy days...
2. 执行第一个.finally，打印 inner done!
3. 跳过第二个.catch，直接执行最后一个.finally，打印 outer done!

为什么会这样？核心规则在这里： #

• .catch() 处理错误后，会默认返回一个resolved状态的Promise——除非你在catch函数里主动抛出新错误，或者返回一个rejected的Promise。也就是说，一旦错误被某个catch“接住”，Promise链就会从rejected状态回到resolved状态，后续的catch自然不会再触发。
• .finally() 不改变Promise的状态：它的作用只是不管前面的Promise是成功还是失败，都会执行里面的逻辑，执行完之后会沿用前面Promise的状态继续向下传递。

如果你想让第二个catch触发，得这么改： #

在第一个catch里主动抛出新错误，让Promise链回到rejected状态：

var p = new Promise((resolve, reject) => { reject(new Error('some rainy days...')) })
p 
.then(data => {console.info('data', data)})
.catch(error => {
  console.error('inner error', error);
  throw new Error('new error from inner catch'); // 主动抛出新错误
})
.finally(() => {console.info('inner done!')})
.catch(error => {console.error('outer error', error)}) // 这里会捕获到新抛出的错误
.finally(() => {console.info('outer done!')})

最后再划几个重点： #

• Promise链的错误是“冒泡传递”的，但只会被第一个能处理它的catch捕获，之后链就回归正常状态。
• 不要以为多个catch会重复捕获同一个错误，这和try/catch的嵌套逻辑不一样。
• .finally() 适合放一些不管成功失败都要执行的清理逻辑（比如关闭请求、隐藏loading），它不参与状态流转。

内容的提问来源于stack exchange，提问作者Vadym