面试题：JavaScript中Fetch API的基本使用

Question

请使用Fetch API发送一个GET请求到指定URL（例如：https://example.com/api/data），并处理响应结果，将数据打印到控制台。同时说明在请求失败时如何捕获错误。

Answer 1

fetch('https://example.com/api/data')
  .then(response => {
      if (!response.ok) {
        throw new Error('Network response was not ok');
      }
      return response.json();
    })
  .then(data => {
      console.log(data);
    })
  .catch(error => {
      console.error('Error:', error);
    });

错误捕获说明

1. 使用.catch方法：fetch返回的Promise如果被拒绝（例如网络故障、请求超时、HTTP状态码非2xx等），.catch块中的代码会被执行，其中error参数包含了错误信息。
2. 检查响应状态：在.then中，通过检查response.ok属性判断HTTP状态码是否为2xx。如果不是，手动抛出一个错误，这样也会被.catch捕获。这样可以捕获到请求成功但响应状态不正常的情况。