JS中内层与外层Catch的执行逻辑疑问

先看你的代码 #

try {
axios.get('https://example.com', {})
  .then(function (responseOne: any) {
    return axios.post('https://example.com', {}, {})
  }).then(function (responseTwo: any) {
    return axios.put('https://example.com', {}, {})
  }).then(function (responseThree: any) {
    return axios.post('https://example.com', {}, {})
  }).then(function () {
    reply.send
  }).catch((error) => {})
} catch((errorOuter) => {})

逐个解答你的问题 #

1. “只有当第一个axios调用改为await axios.get(...)时，才会进入外层catch”这个说法正确吗？ #

不正确。

• 外层try/catch是同步代码块，只能捕获try内部同步抛出的错误，而axios.get是异步操作，它的错误属于异步错误，根本不会触发外层catch。
• 就算把第一个调用改成await axios.get(...)，只要链式调用里的内层catch还在，所有异步错误都会被内层catch捕获，整个Promise链会变成已完成状态，await不会抛出异常，外层catch依然不会被触发。只有删掉内层catch，同时用await等待这个Promise链，此时Promise拒绝才会触发外层catch。

2. 如果每个then块也都使用await关键字，情况会如何？ #

那相当于改成纯async/await写法，比如：

try {
  const responseOne = await axios.get('https://example.com', {});
  const responseTwo = await axios.post('https://example.com', {}, {});
  const responseThree = await axios.put('https://example.com', {}, {});
  await axios.post('https://example.com', {}, {});
  reply.send();
} catch(errorOuter) {
  // 所有异步操作的错误都会走到这里
}

这种情况下，所有异步请求的错误都会直接触发外层的catch，不需要再保留内层catch——因为每个await都会把Promise的拒绝转换成同步异常，直接被外层try/catch捕获。

3. 保持现有代码不变，是否只会触发内层catch？是否可以移除外层catch？ #

• 是的，现有代码里所有异步请求的错误都会被链式调用末尾的内层catch捕获，外层catch永远不会被触发——因为外层try里没有同步错误，异步错误也传不到这里。
• 完全可以移除外层catch，它在当前代码里没有任何作用。

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