JavaScript中的错误处理一直是开发人员面临的一个挑战，因为它经常导致代码崩溃和不可预见的行为。从ES6开始，JavaScript引入了 async/await 函数来替代 Promise 风格的回调，简化了异步编程。但是 async 函数的错误处理机制有时候很难处理，特别是在使用 Promise 的 reject 处理错误时。在 ES9 中，添加了一项新特性，可以更轻松地从 async 函数中捕捉错误并进行处理。
async 函数工作原理
async 函数允许我们在异步方式中使用 await 来暂停代码执行直到异步请求完成并返回结果。例如：
async function fetchData() {
const data = await fetch('https://api.example.com/data')
console.log(data);
}通过 await 关键字等待 fetch 请求的返回结果，该请求在读取响应之前是暂停的。使用 async 函数可以极大地简化异步编程，使用类似于同步编码的语法。
无论是在 async 函数中还是在原生 Promise 中，如果错误发生在代码块中的执行期间，则会进入 catch 块中。例：
async function doSomethingAsync() {
try {
const result = await fetch('https://api.example.com/data')
console.log(result);
} catch (error) {
console.log('Error occured!', error);
}
}在这里，如果网络请求 fetch() 出错，它将抛出一个错误并被 catch 块捕捉到，通过使用 try...catch 来处理错误的方法，这已经成为使用 async 函数的一项最佳实践。
ES9 中的新特性
ES9 中，添加了一个新的 try...catch 可以更好地处理 async 函数中的错误。该添加类型如上示例代码，但在于代码结构更加清晰，使错误处理变得更加容易。
async function doSomethingAsync() {
const result = await fetch('https://api.example.com/data').catch(error => {
console.log('Error occured!', error);
});
console.log(result);
}该代码结构更加清晰易懂，而且 error 处理方法放在 fetch 前面进行了，可以明确下来从哪里来的错误。另外可加入throw new Error();方法抛出自定义 Error，用于更加细粒度地控制失败。
总结
使用ES9中的async错误捕捉功能，可以更加轻松地处理来自异步请求的异常，提高代码的可读性和可维护性。为了更加自然，异步编程可以减少旧式Promise的回调嵌套，让代码更加有条理。鼓励大家在后续开发中使用 async 函数和 ES9 中的新 try...catch 来处理异步代码错误，提高代码开发的效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64759298968c7c53b02971ae