js 等待异步请求执行完成

// 使用 async/await 来等待异步请求执行完成

async function fetchData() {
  try {
    // 使用 fetch 发起一个异步请求
    let response = await fetch('https://api.example.com/data');

    // 确保请求成功，检查响应状态
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }

    // 解析响应数据为 JSON 格式
    let data = await response.json();

    // 输出获取到的数据
    console.log(data);
  } catch (error) {
    // 捕获并处理可能的错误
    console.error('There was a problem with the fetch operation:', error);
  }
}

// 调用函数
fetchData();

解释说明：

1. async/await：async 关键字用于定义一个异步函数，而 await 关键字用于等待一个 Promise 对象完成。它使得异步代码看起来像同步代码，更容易理解和维护。
2. fetch：fetch 是一个用于发起 HTTP 请求的 API，返回一个 Promise。通过 await 可以等待这个请求完成，并获取响应对象。
3. response.ok：检查响应的状态是否为成功（状态码在 200-299 之间）。
4. response.json()：将响应体解析为 JSON 格式，同样返回一个 Promise，因此也可以使用 await 等待其完成。
5. try/catch：用于捕获和处理可能发生的错误，例如网络问题或服务器返回的非 2xx 响应。

这种方式可以确保异步请求在代码中按顺序执行，并且可以在请求完成后进行下一步操作。