12-17 关于项目中await和try..catch的错误处理思考

最新推荐文章于 2025-04-10 16:00:04 发布

原创最新推荐文章于 2025-04-10 16:00:04 发布 · 5k 阅读

5 ·

CC 4.0 BY-SA版权

本文探讨了异步函数中错误处理的正确方法，通过实践对比了不同错误处理机制的效果，强调了在async函数内使用try...catch并配合Promise.reject的重要性。

销户系统的开发

1.今天发现了我写的await函数好像有点问题，异步功能倒是实现了。但是对于错误处理可能方法没写对，比如sendIdCard()这个方法中出了错误，底下的这个submit()仍然会执行。

在这里插入图片描述

之前学习的教程里是如下说明的

任何一个await语句后面的 Promise 对象变为reject状态，那么整个async函数都会中断执行。

async function f() {
  await Promise.reject('出错了');
  await Promise.resolve('hello world'); // 不会执行
}

上面代码中，第二个await语句是不会执行的，因为第一个await语句状态变成了reject。

然后请教了同事之后，发现是我捕捉到错误之后没有加以处理，也就是需要返回一个reject状态的promise才可以。如下：

	ArchivesModel.setImgBase(this.imgBaseFront);
      await ArchivesModel.submitArchFront(paramsFront)
      await ArchivesModel.submitArchBack(paramsBack)
    } catch (e) {
      return Promise.reject(e)
    }

但是我查的资料里没有直接这么说的，还需要进一步实践才能得出结论。

2.经过实践验证如下代码会输出错误,而且console.log(123)不会执行。这说明test()这个函数返回的异步对象被reject().

async function test() {
    await Promise.reject()
}
async function kiri() { 
  try {
    await test()
    await console.log(123)
  } catch (error) {
    console.log('I am error')
  }
 }

 kiri()//I am error

而如下代码则不会抛出错误，而且console.log(123)仍然会执行。这说明test()这个函数返回的异步对象并没有被reject().

async function test() {
  try {
    await Promise.reject()
  } catch (error) {
  }
}
async function kiri() { 
  try {
    await test()
     console.log(123)
  } catch (error) {
    console.log('I am error')
  }
 }
 kiri()//123

那如果按照项目里的改法，加入return Promise.reject(e)来对test()函数进行错误处理呢？

async function test() {
  try {
    await Promise.reject()
  } catch (error) {
    return Promise.reject(e)
  }
    
}

async function kiri() { 
  try {
    await test()
     console.log(123)
  } catch (error) {
    console.log('I am error')
  }
 }

 kiri()//I am error

结果是成功输出期望的结果，也就是不加try...catch结构，纯用await的结果。

所以如果使用try...catch结构，期望出错后能够直接停止函数。需要在原函数内部加上错误处理机制。