在ES7中，我们可以在try/catch中使用async/await来处理异步代码，以及捕获Promise中的错误。这个特性增强了JavaScript的错误处理能力，并使其更加灵活、易于操作。这篇文章将详细讲解ES7中try/catch中使用await的用法及其指导意义。
为什么需要 await 在 try/catch 中
以前，在JavaScript中处理异步操作时，我们通常使用回调函数的方式，这种方式可读性差、难以维护。ES6中提出了Promise来解决这个问题，它能够使异步操作更加容易管理和控制。但Promise的错误处理方式也不是很灵活，需要借助catch方法才能捕获Promise中的错误。
而ES7中的await操作符则可以将异步代码“同步化”，使得我们可以像编写同步代码一样来处理异步代码。try/catch结构能够很好地处理同步代码中的错误异常，因此在ES7中使用await来处理异步操作时，try/catch结构同样可以派上用场，让我们可以更加方便地捕获Promise中的错误。
await 在 try/catch 中的用法
await操作符只能在async函数内部使用。它会暂停函数的执行，等待其所在的Promise对象的处理结果。如果Promise对象变成了rejected状态，那么await操作符将会抛出一个异常，这时可以使用try/catch结构来捕获这个错误。
以下是使用await在try/catch中处理Promise的示例代码：
async function test() {
try {
const result = await Promise.reject('async error')
} catch (error) {
console.error(error) // async error
}
}
test();在上面的代码中，Promise.reject被reject了，await操作符抛出了异常，然后错误被catch到并输出了错误信息。
指导意义
ES7中的try/catch结构与await操作符的结合，使得我们可以使用更加灵活的方式来处理异步操作中的错误，使得代码更加易于维护，也更加方便我们排查错误。
然而，过度地在简单的异步操作中使用await也会带来不必要的开销，甚至在某些情况下会使代码变得更加复杂和难以维护。因此，我们需要在实际开发中根据场景和需求选择是否使用await在try/catch中来处理错误。
总结
ES7中的try/catch结构与await操作符的配合十分巧妙，可以处理异步操作中的错误，并提高开发效率。我们需要根据实际情况选择是否使用它们来处理异步错误，避免过度使用导致代码臃肿和效率降低。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b14964add4f0e0ffa8f308