如何编写Fetch API并保证浏览器兼容性？

// 检测浏览器是否支持Fetch API
if (typeof fetch === 'function') {
  // 支持Fetch API
  fetch('https://example.com/api/data')
    .then(function(response) {
      // 处理响应数据
      if (response.ok) {
        return response.json();
      } else {
        throw new Error('网络请求失败');
      }
    })
    .then(function(data) {
      // 处理返回的数据
      console.log(data);
    })
    .catch(function(error) {
      // 处理错误
      console.error(error);
    });
} else {
  // 不支持Fetch API，使用兼容性代码
  // 例如，使用XMLHttpRequest进行网络请求
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'https://example.com/api/data', true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var data = JSON.parse(xhr.responseText);
      // 处理返回的数据
      console.log(data);
    }
  };
  xhr.send();
}