举例说明async/await 的错误处理机制

下面是一个使用 async/await 的错误处理机制的例子：

async function fetchData() {
  return new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
      const randomNumber = Math.random();
      if (randomNumber < 0.5) {
        resolve('Data fetched successfully');
      } else {
        reject(new Error('Error occurred while fetching data'));
      }
    }, 2000);
  });
}

async function getData() {
  try {
    const data = await fetchData();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

getData();

在上面的例子中，`fetchData` 函数返回一个 Promise 对象，模拟了一个异步操作。如果随机生成的数字小于 0.5，则 Promise 的状态变为 resolved，并调用 `resolve` 方法，将数据成功返回。否则，Promise 的状态变为 rejected，并调用 `reject` 方法，传递一个错误对象。

`getData` 函数使用 `async` 关键字来声明为异步函数，内部使用 `await` 关键字等待 `fetchData()` 函数返回的 Promise 对象。如果 Promise 的状态为 resolved，则将数据赋值给 `data` 变量，并打印出来。如果 Promise 的状态为 rejected，则会抛出一个错误，并被 `try...catch` 语句中的 `catch` 代码块捕获。在 `catch` 代码块中，我们可以处理或打印出错误信息。

通过使用 `try...catch` 结构，可以捕获使用 `await` 等待的异步操作中发生的错误。这样，可以将错误处理逻辑集中在一处，使代码更加清晰和易于维护。同时，使用 `try...catch` 可以避免错误在整个异步操作链中传递，提高代码的容错性和稳定性。

需要注意的是，在使用 async/await 时，错误处理通常会放在最外层的函数中（如上述例子中的 `getData` 函数）。这是因为 async/await 的错误处理机制会将内部的 Promise 对象自动转换为 rejected 状态，并将错误信息抛出到外层的 try...catch 语句中。因此，建议在最外层的异步函数中进行错误处理，以确保能够捕获到所有可能的错误。