如何从fetch请求中访问.then语句的输出并在函数外部使用

在使用fetch请求时，可以通过.then语句来处理返回的响应数据。然而，由于fetch是异步操作，无法直接在函数外部使用.then语句的输出。为了在函数外部使用.then语句的输出，可以采用以下两种方法：

方法一：使用Promise对象

在函数内部，使用Promise对象包装fetch请求，并返回该Promise对象。
在函数外部，通过调用该Promise对象的.then方法来获取fetch请求的响应数据。

示例代码如下：

function fetchData() {
  return new Promise((resolve, reject) => {
    fetch('https://example.com/api')
      .then(response => response.json())
      .then(data => resolve(data))
      .catch(error => reject(error));
  });
}

// 在函数外部使用fetch请求的响应数据
fetchData()
  .then(data => {
    // 在这里可以使用fetch请求的响应数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

方法二：使用async/await

在函数内部，使用async关键字定义一个异步函数，并在其中使用await关键字来等待fetch请求的响应数据。
在函数外部，调用该异步函数，并使用.then方法来获取fetch请求的响应数据。

示例代码如下：

async function fetchData() {
  try {
    const response = await fetch('https://example.com/api');
    const data = await response.json();
    return data;
  } catch (error) {
    throw error;
  }
}

// 在函数外部使用fetch请求的响应数据
fetchData()
  .then(data => {
    // 在这里可以使用fetch请求的响应数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

以上两种方法都可以实现从fetch请求中访问.then语句的输出并在函数外部使用。在实际应用中，可以根据具体情况选择适合的方法。