下面是ES7中await如何优雅的捕获异常的完整攻略。

ES7中await如何优雅的捕获异常详解

前言

在ES7（ES2016）中，我们使用async/await语法来处理异步操作是非常方便的。然而，await在处理过程中可能会抛出异常，这时我们需要用到try...catch语句来捕获异常并进行处理。

捕获异常的传统方法

在ES6及之前的版本中，我们通常是这样使用Promise来处理异步操作的：

someAsyncTask()
  .then(result => {
    // 处理异步操作成功后的结果
  })
  .catch(error => {
    // 处理异步操作失败时的错误
  })

在上述代码中，我们使用了then()方法和catch()方法来处理异步操作成功和失败的情况。在catch()方法中，我们可以获取到Promise抛出的错误，并进行相应的错误处理。这种方法也可以使用在async/await中，比如：

async function myAsyncFunction() {
  try {
    const result = await someAsyncTask();
    // 处理异步操作成功后的结果
  } catch (error) {
    // 处理异步操作失败时的错误
  }
}

在上述代码中，我们使用了try...catch语句来包裹await后的异步操作。在try代码块中，我们执行异步操作并获取结果。如果异步操作成功，我们继续执行后续代码；如果异步操作失败，则会抛出错误并被catch代码块捕获并进行错误处理。

ES7中await如何优雅的捕获异常

在ES7中，await语句可以直接放在try代码块中，如果异步操作抛出异常，则会被自动捕获。这样我们就可以省略catch代码块并在外层使用try...catch语句来捕获错误。示例代码如下：

try {
  const result = await someAsyncTask();
  // 处理异步操作成功后的结果
} catch (error) {
  // 处理异步操作失败时的错误
}

上述代码中的await语句就直接放在了try代码块中，如果异步操作成功，就会继续执行后面的代码。如果异步操作失败并抛出错误，就会被try代码块捕获。注意，这种方式只能用于async函数中。

另外，如果想要更加精细地处理异常，也可以在async函数中使用多个try...catch语句来捕获不同的异常情况。示例代码如下：

async function myAsyncFunction() {
  try {
    const result1 = await someAsyncTask1();
    // 处理异步操作1成功后的结果
  } catch (error) {
    // 处理异步操作1失败时的错误
  }

  try {
    const result2 = await someAsyncTask2();
    // 处理异步操作2成功后的结果
  } catch (error) {
    // 处理异步操作2失败时的错误
  }
}

在上述代码中，我们使用了两个try...catch语句来分别捕获异步操作1和异步操作2的异常情况。

总结

ES7中，我们可以将await语句直接放在try代码块中，让异步操作的异常情况自动被捕获。如果想要更加精细地处理异常，也可以在async函数中使用多个try...catch语句来捕获不同的异常情况。