async 和 await 结合try cath

### 使用 `try...catch` 处理 `async/await` 错误

在 JavaScript 中，`async` 和 `await` 是用于处理异步操作的关键字。`async` 声明一个函数为异步函数，而 `await` 则等待 Promise 的完成并返回其结果[^1]。

为了有效地捕获和处理由 `await` 触发的异常，在代码中可以包裹一层 `try...catch` 结构来捕捉任何可能发生的错误：

async function fetchData() {
    try {
        const response = await fetch('https://api.example.com/data');
        if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
        const data = await response.json();
        console.log(data);
    } catch (error) {
        console.error('Failed to fetch data:', error.message);
    }
}

上述例子展示了如何通过 `try...catch` 来管理可能出现的问题，无论是网络请求失败还是 JSON 解析过程中产生的错误都会被捕获到 `catch` 部分进行相应的处理。

对于多个 `await` 表达式的场景下，同样可以在最外层使用单一的 `try...catch` 将所有的异步调用包含进来，从而简化错误处理逻辑而不必为每一个单独的操作都编写一对 `try...catch`。

如果希望进一步优化开发体验或自动化此过程，则可以通过创建 Babel 插件自动为指定范围内的所有 `async` 函数添加统一风格的 `try...catch` 包裹。这类插件通常会解析 AST（抽象语法树），识别出 `await` 节点及其所在的 `async` 函数，并据此修改源码结构以实现批量化的错误处理机制。