【软件工具】JavaScript 的 `Fetch API`

JavaScript 的 Fetch API 是用于发起网络请求的现代方式，它提供了一个简单、灵活且强大的接口来获取资源。Fetch API 返回的是 Promise 对象，因此支持异步编程，可以与 async/await 语法结合使用，使代码更加简洁易读。

基本语法

fetch(url, [options])

• url: 你要请求的资源的 URL。
• options: （可选）一个配置对象，用来定制请求的方式、头信息、请求体等。

返回值

fetch 函数返回一个 Promise，它会在请求完成后解析为一个 Response 对象。如果请求失败（如网络错误），这个 Promise 会被拒绝（rejected）。

示例用法

1. 简单的 GET 请求

fetch('https://api.example.com/data')
  .then(response => {
   
    if (!response.ok) {
   
      throw new Error('Network response was not ok ' + response.statusText);
    }
    return response.json();  // 解析 JSON 响应
  })
  .then(data => {
   
    console.log(data);  // 处理数据
  })
  .catch(error => {
   
    console.error('There was a problem with the fetch operation:', error);
  });

2. 使用 async/await

async/await 提供了一种更加简洁的方式来处理异步代码：

async function fetchData() {