在 ES8 中使用 await 时，如何处理错误？

在 ES8 中，await 的出现让异步编程变得更加简洁易懂，然而，在使用 await 的过程中，我们也需要面对一些错误处理的问题。本文将详细介绍在 ES8 中使用 await 时如何处理错误，帮助初学者更好地掌握这一技术。

为什么需要错误处理？

在异步编程中，我们经常会遇到许多错误，如网络错误、服务器错误、文件读取错误等等，很多情况下这些错误都是无法避免的。如果不对这些错误进行捕获和处理，将会导致程序直接崩溃或者出现意想不到的错误行为，给我们带来很大的麻烦。

因此，我们需要在程序中加入错误处理的机制，这样即使遇到错误，程序也能够正常运行下去，并给我们一个友好的错误提示，方便我们更好地调试和排错。

await 中的错误处理

在 ES8 中，await 可以非常方便地处理 Promise 的返回值，如下所示：

async function fetchData() {
  const data = await getData();
  console.log(data);
}

上述代码中，我们使用了 async/await 来获取一个返回 Promise 对象的函数 getData() 的结果，并将其赋给变量 data。这样，在调用 fetchData() 函数时，我们就能够简单地获取并输出数据了。

然而，当 Promise 对象在执行过程中出现错误时，我们需要对其进行处理，以避免程序崩溃。在上面的代码中，如果 getData() 函数返回了一个 rejected 的 Promise，程序就会停止执行。

为了解决这个问题，我们可以使用 try-catch 块来捕获错误，如下所示：

async function fetchData() {
  try {
    const data = await getData();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

上述代码中，我们添加了一个 try-catch 块来捕获 getData() 函数的错误信息，当函数返回 rejected 的 Promise 时，程序就会跳转到 catch 块中，并输出错误信息。

更多的错误处理方法

除了使用 try-catch 块来捕获错误信息，我们还可以使用 Promise 对象中的 catch() 方法，将错误信息传递给下一个 then() 方法。如下所示：

async function fetchData() {
  const data = await getData().catch(error => console.error(error));
  console.log(data);
}

上述代码中，我们使用了 Promise 对象中的 catch() 方法来捕获 getData() 函数返回的错误信息，并将其输出到控制台中，同时也保证了程序的正常执行。

总结

在 ES8 中，await 的出现给我们带来了很多便利，但也需要我们认真对待错误处理的问题。通过本文的介绍，我们可以了解到如何在 await 中处理错误，并且还介绍了两种不同的处理方式，帮助读者更加全面地掌握这一技术。希望本文能够对读者有所帮助，也希望大家在代码中认真对待错误处理问题，使我们的程序更加健壮可靠。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/644f8b1b980a9b385b8fae9f