如何使用Fetch API向调用函数返回数据？

Fetch API是一种现代的Web API，用于在浏览器中进行网络请求和获取数据。它提供了一种简单、灵活的方式来向服务器发送请求并处理响应。使用Fetch API向调用函数返回数据的步骤如下：

1. 创建一个请求对象：使用fetch()函数创建一个请求对象，并传入要请求的URL作为参数。可以选择性地传入一个配置对象，用于设置请求的方法、头部信息、身份验证等。
2. 发送请求：调用请求对象的fetch()方法发送请求。这将返回一个Promise对象，表示异步操作的最终完成或失败。
3. 处理响应：使用Promise的then()方法来处理请求的响应。在then()方法中，可以将响应对象转换为所需的数据格式（如JSON），并将其返回给调用函数。

以下是一个使用Fetch API向调用函数返回数据的示例代码：

function fetchData(url) {
  return fetch(url)
    .then(response => {
      if (!response.ok) {
        throw new Error('Network response was not ok');
      }
      return response.json(); // 将响应转换为JSON格式
    })
    .then(data => {
      return data; // 返回数据给调用函数
    })
    .catch(error => {
      console.error('Error:', error);
    });
}

// 调用fetchData函数并处理返回的数据
fetchData('https://api.example.com/data')
  .then(data => {
    console.log('Data:', data);
  });

在上述示例中，fetchData()函数接受一个URL作为参数，并使用Fetch API发送请求。如果请求成功，它将返回一个Promise对象，其中包含从服务器获取的数据。在调用函数中，我们使用.then()方法处理返回的数据，并在控制台打印出来。

请注意，这只是使用Fetch API向调用函数返回数据的一种常见方式。根据具体的需求，还可以使用其他方法和选项来处理请求和响应。