我终于搞懂了 try-catch 与 async/await
在 JavaScript 中，异步编程是一个非常常见的技巧。为了处理异步操作，ES2017 引入了 async/await 语法糖。async 和 await 是一种更优雅的方式来处理异步代码，使得异步代码看起来像同步代码。但是，在使用 async/await 时，我们是否需要添加 try-catch 块来捕获错误呢？
async/await 的基本用法
在讨论 try-catch 是否必须的之前，我们先来看一下 async/await 的基本用法。
async function fetchUser() {
const response = await fetch('/api/user');
const data = await response.json();
return data;
}
fetchUser().then(user => {
console.log(user);
});
在这个例子中，我们定义了一个 async 函数 fetchUser()，它会请求一个用户 API 并返回 JSON 数据。我们使用 await 关键字等待每个异步操作完成。最后，我们将数据返回给调用者。
为什么要使用 try-catch？
当我们使用异步代码时，我们需要考虑到可能发生的异常情况。如果我们没有正确地处理这些异常，那么我们的应用程序可能会崩溃或出现其他问题。在 async/await 中，我们可以使用 try-catch 块来捕获并处理这些异常。
尽管我们已经使用了 await 来处理异步代码，但它并不能像同步代码那样保证一定不会出错。如果在 fetch() 方法中发生了网络错误，它将抛出一个异常。此时，我们需要使用 try-catch 块来捕获这个异常。
async function fetchUser() {
try {
const response = await fetch('/api/user');
const data = await response.json();
return data;
} catch (error) {
console.error(error);
}
}
fetchUser().then(user => {
console.log(user);
});
在这个例子中，我们使用 try-catch 块来捕获可能的异常。当发生错误时，我们打印错误消息到控制台中。
使用 Promise 处理未捕获的异常
在实践中，即使我们添加了 try-catch 块，仍然有可能出现未捕获的异常。例如，如果我们忘记在 catch 语句中添加适当的代码，那么异常将被传递给调用者，并可能导致应用程序崩溃。
为了避免这种情况，我们可以使用 Promise.catch() 来处理未捕获的异常。在 async/await 中，我们可以使用 try-catch 来捕获异常，并将其包装在一个 Promise 对象中。
下面是一个完整的示例代码，展示了如何使用 async/await 和 try-catch 块来处理异步操作中的异常：
async function fetchData() {
try {
const response = await fetch('/api/data');
const data = await response.json();
return data;
} catch (error) {
console.error(error);
throw error;
}
}
fetchData()
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});
在这个例子中，我们定义了一个名为 fetchData() 的 async 函数，它会请求数据 API 并返回 JSON 数据。我们在该函数中添加了 try-catch 块来捕获可能的异常。当发生错误时，我们打印错误消息到控制台并抛出错误。
在调用 fetchData() 函数时，我们使用 Promise 对象来处理结果。如果成功，我们将数据打印到控制台中；否则，我们将错误消息打印到控制台中。
结论
虽然 async/await 非常简洁，但它并不能保证不会发生任何异常。因此，在使用 async/await 时，我们建议您添加 try-catch 块来捕获可能的异常。如果您确实遇到了未捕获的异常，那么您可以使用 Promise.catch() 来处理它们。
使用 try-catch 块不仅可以帮助我们编写更健壮的代码，还可以提高代码的可读性和可维护性。因此，即使您的代码没有出现任何异常，我们仍然建议您添加 try-catch 块。
当然，在某些情况下，您可能不需要使用 try-catch 块。例如，如果您有一个全局的错误处理程序来处理未捕获的异常，那么在每个 async 函数中添加 try-catch 块可能是多余的。但是，这并不意味着您可以无视异常情况。
在使用 async/await 时，添加 try-catch 块是一个良好的编程实践，它可以帮助我们编写更健壮、可读性更高和可维护性更好的异步代码。