为何try-catch代码块无法捕获foo返回的rejected状态Promise？

普通try/catch仅能捕获同步执行上下文中抛出的异常，无法捕获异步触发的Promise rejected状态。
你的代码执行逻辑是：

1. 调用foo()时，函数立即返回一个pending状态的Promise，同步代码执行到这一步就已退出try块，此时try/catch的上下文已经结束
2. 1秒后setTimeout的回调触发reject('task failed')时，早已脱离原有try/catch的作用域范围，因此错误无法被捕获，最终抛出未捕获的Promise异常。

选任意一种写法即可正常捕获错误：

• 方法1：使用async/await适配原有try/catch逻辑（推荐，写法更直观）
  将test函数声明为异步函数，调用foo时加await关键字，会暂停函数执行等待Promise状态落定，reject时错误会正常进入catch块：

async function test() {
  try {
    await foo()
  } catch (e) {
    console.error(e) // 正常输出 'task failed'
  }
}

• 方法2：使用Promise原生链式catch捕获
  直接在foo()返回的Promise实例上挂载catch回调处理拒绝状态，不需要修改函数为异步：

function test() {
  foo().catch(e => {
    console.error(e) // 正常输出 'task failed'
  })
}

注意：只要Promise的reject是在异步回调中触发，且调用时没有使用await等待、也没有挂载.catch()处理，无论外层套多少层同步try/catch都无法捕获错误，这是JS事件循环机制决定的：同步任务执行完成后才会运行任务队列中的异步回调，此时原同步try/catch的执行上下文已经销毁。

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