在前端开发中，ES7 async 和 await 已经成为异步编程的主流方式。然而，在使用过程中，我们可能会遇到一些小问题，例如异常处理、并行执行等。本文将介绍一些解决这些小问题的方法。
异常处理
在使用 async 和 await 的过程中，我们可能会遇到一些异常情况，例如网络请求失败、数据格式错误等。为了避免程序崩溃，我们需要进行异常处理。
在 async 函数中，可以使用 try-catch 语句来捕获异常。例如：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- -------- - ----- --------------------------------------
----- ---- - ----- ----------------
------ -----
- ----- ------- -
---------------------
------ -----
-
-这里我们使用了 fetch 函数来获取数据，并使用 await 等待数据返回。如果请求失败或者数据格式错误，会抛出异常。我们使用 try-catch 语句来捕获异常，并在控制台输出错误信息。
并行执行
在某些情况下，我们需要同时执行多个异步操作，例如同时获取多个数据源的数据。此时，我们可以使用 Promise.all 方法来实现并行执行。
Promise.all 方法接收一个 Promise 数组作为参数，并返回一个新的 Promise 对象。在所有 Promise 对象都成功完成后，该 Promise 对象才会被解决。如果其中任意一个 Promise 对象失败，该 Promise 对象就会被拒绝。
例如，我们可以同时获取两个数据源的数据，并在两个数据都返回后进行处理：
async function fetchData() {
const [data1, data2] = await Promise.all([
fetch('https://api.example.com/data1').then(response => response.json()),
fetch('https://api.example.com/data2').then(response => response.json())
]);
console.log(data1, data2);
}这里我们使用 Promise.all 方法来同时获取两个数据源的数据，并使用数组解构来获取返回的数据。如果其中一个数据源请求失败，Promise.all 方法会立即拒绝该 Promise 对象，避免程序继续执行。
总结
ES7 async 和 await 是一种方便易用的异步编程方式，但在使用过程中可能会遇到一些小问题。本文介绍了如何进行异常处理和并行执行，希望能对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e417211886fbafa40420ec