js async/await

// 使用 async/await 处理异步操作的示例

// 定义一个异步函数，使用 async 关键字
async function fetchData() {
  try {
    // 模拟一个网络请求，使用 fetch API 获取数据
    let response = await fetch('https://jsonplaceholder.typicode.com/posts/1');

    // 确保响应成功后，将响应体转换为 JSON 格式
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }

    let data = await response.json();

    // 输出获取到的数据
    console.log(data);

    return data;
  } catch (error) {
    // 捕获并处理可能发生的错误
    console.error('There was a problem with the fetch operation:', error);
  }
}

// 调用异步函数
fetchData();

解释说明：

1. async 函数：async 关键字用于定义一个异步函数，该函数会返回一个 Promise。当函数执行时，它会等待内部的 await 表达式完成。

2. await 关键字：await 用于等待一个 Promise 的完成。它只能在 async 函数内部使用。代码会在 await 处暂停，直到 Promise 被解决或拒绝。

3. try...catch：用于捕获和处理可能发生的错误。如果 await 的 Promise 被拒绝（例如网络请求失败），catch 块会捕获到这个错误并进行处理。

4. fetch API：fetch 是一个用于发起网络请求的现代浏览器 API，它返回一个 Promise，可以用来获取远程资源。