为什么不能从Fetch API的响应中直接访问JSON？

Fetch API是一种用于进行网络请求的现代浏览器API。它提供了一种简单和强大的方式来发送HTTP请求并处理响应。然而，与传统的XMLHttpRequest对象相比，Fetch API在处理响应时有一个重要的区别，即不能直接从Fetch API的响应中访问JSON数据。

这是因为Fetch API的响应对象是一个包含响应信息的流（stream），而不是直接可访问的JSON对象。这是为了提高性能和效率，特别是在处理大型响应时。通过将响应作为流处理，可以逐步读取响应数据，而不需要一次性加载整个响应。

要访问JSON数据，我们需要使用响应对象的json()方法将响应流转换为一个Promise对象，然后使用.then()方法来处理解析后的JSON数据。这是因为在网络请求中，响应是异步返回的，我们需要使用Promise来处理异步操作。

以下是一个示例代码，展示了如何使用Fetch API获取JSON数据：

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    // 在这里可以访问解析后的JSON数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

在上面的示例中，我们首先使用Fetch API发送了一个GET请求到https://api.example.com/data，然后使用.json()方法将响应流转换为一个Promise对象。接着，我们使用第二个.then()方法来处理解析后的JSON数据，并在控制台中打印出来。最后，我们使用.catch()方法来处理任何可能发生的错误。

总结起来，不能直接从Fetch API的响应中访问JSON是因为响应对象是一个流，为了访问JSON数据，我们需要使用.json()方法将响应流转换为一个Promise对象，并使用Promise来处理异步操作。