JavaScript 中的异步代码通常会导致一些问题，例如回调地狱和不易处理的错误。为了解决这些问题，ES7 引入了 async/await。在 ES10 中，async/await 导入了一些新的错误处理方式，使得在处理异步代码时更加简单，更加清晰。
错误处理的难点
在异步环境中，错误处理不是一件容易的事情。一旦程序中出现了错误，它会向上传递到达最上层的回调函数，最终可能在未经处理的情况下终止程序。这是非常危险的行为。更好的方式是通过 try/catch 块来捕捉和处理错误。但这并不是一种有效的方式，因为只能捕捉到当前函数内的错误，并且在大多数情况下，这对于解决异步编程问题来说是不够的。
async/await 解决了这些问题
async/await 成为了一种流行的 JavaScript 编程方法，它通过使用 Promise 对象简化了异步编程。另一方面，它也可以解决异步编程中的错误处理问题。
如何使用 async/await 处理错误
使用 async/await 处理错误的方法与原始方法类似。在调用异步函数时，使用 try/catch 块来捕获错误。然而，使用 async/await，我们需要将它放在函数内部。
async function myFunction() {
try {
// 异步代码
} catch (error) {
console.log(error);
}
}捕获异步错误
使用 try/catch 块时，如果异步调用内部的函数抛出错误，它将被抛出到 catch 块中。
async function myFunction() {
try {
const result = await somePromise ();
console.log(result);
} catch (error) {
console.log(error);
}
}上面的示例中，如果 somePromise 抛出错误，它将被捕获并输出到控制台。
处理多个异步操作
使用 await 关键字，我们可以串行地执行多个异步操作，例如：
-- -------------------- ---- -------
----- -------- ------------ -
--- -
----- ------- - ----- ------------ ---
----- ------- - ----- ------------ ---
----- ------- - ----- ------------ ---
- ----- ------- -
-------------------
-
-这里，如果任何一个异步操作抛出错误，整个代码块的执行会停止，并将错误抛出到 catch 块中。
处理多个异步操作并行执行
使用 Promise.all() 可以并行地执行多个异步操作。如果其中任何一个操作抛出错误，导致整个代码块的执行停止，并将错误抛出到 catch 块中。
-- -------------------- ---- -------
----- -------- ------------ -
--- -
----- --------- -------- -------- - ----- -------------
---------------
---------------
--------------
---
- ----- ------- -
-------------------
-
-在这个例子中，我们使用了解构语法来分配异步操作返回的值。
结论
使用 async/await 和 try/catch 块可以大大简化异步代码的错误处理。这些方法可以帮助你写出更容易维护和更安全的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67395295317fbffedf16362b