ES7 中引入了 async/await 这一语法糖，使得异步编程变得更加直观、易读，同时也更容易出错。正确的错误处理方式可以有效提高代码的健壮性和可读性。本文给出了 ES7 async/await 中的错误处理指南，帮助读者避免常见错误，加深对错误处理的理解，进而提高代码质量。
错误处理的原则
在使用 async/await 进行异步编程时，必须意识到可能出现错误，因此错误处理是必不可少的。错误处理的大原则是：错误要被处理，否则会导致程序崩溃。
在 async/await 中，我们可以使用 try/catch 语句来处理错误。下面是一个简单的例子：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- -------- - ----- --------------------------------------
----- ---- - ----- ----------------
------ -----
- ----- ------- -
---------------------
-
-在上面的例子中，我们使用了 try/catch 语句来捕捉 fetch 和 response.json 抛出的错误。
总是捕获错误
在使用 async/await 时，一定要注意捕获错误。因为如果没有按照规范进行错误处理，程序就会终止执行。
例如，下面的代码没有对错误进行处理：
async function fetchData() {
const response = await fetch('https://example.com/api/data');
const data = await response.json();
return data;
}
const data = fetchData(); // Error: Uncaught (in promise) TypeError: Failed to fetch由于 fetchData 函数中的代码抛出了错误，但是没有被 catch 语句捕获，因此会导致程序崩溃。
抛出错误
在处理错误时，有时候需要抛出相应的错误，以便于调试或者提示给用户。
例如，在一个验证函数中，我们要验证一个字符串是否为 Email 格式：
function validateEmail(email) {
const regex = /^([a-zA-Z0-9_-]+\.)*[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
if (!regex.test(email)) {
throw new Error('Email 格式错误');
}
return true;
}当 Email 格式不正确时，我们通过 throw new Error() 抛出错误，并提示用户相应的错误信息。
Promise.all 中的错误处理
在使用 Promise.all 时，有一个需要注意的点就是要使用 Promise.all 的第二个参数来捕获错误。
例如，我们有三个请求需要并行执行，我们可以使用 Promise.all 来处理：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- ------- ------ ------ - ----- -------------
----------------------------------------------- -- ------------
----------------------------------------------- -- ------------
----------------------------------------------- -- ------------
---
------ - ------ ------ ----- --
- ----- ------- -
---------------------
-
-在上面的代码中，如果任何一个请求产生了错误，都会被 Promise.all 的第二个参数 catch 捕获。
小结
正确的错误处理可以提高代码的健壮性和可读性，尤其在异步编程中更是重要。在本文中，我们介绍了 async/await 中的错误处理指南，总结如下：
- 总是捕获错误。
- 使用 try/catch 语句来捕获错误。
- 在处理错误时，有时候需要抛出相应的错误。
- 在使用 Promise.all 时，使用 Promise.all 的第二个参数来捕获错误。
希望这篇文章对读者有所帮助，避免常见错误，提高代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/654f04c27d4982a6eb80ffbf