函数调用原生xhr返回的是undefined

函数调用原生xhr返回的是undefined，这通常意味着该函数中的xhr请求在异步执行，而函数返回结果时 xhr 的回调函数可能还没有被调用。在JavaScript中，XMLHttpRequest (xhr) 是用于执行异步 HTTP 请求的 API。由于 xhr 请求是异步的，你不能期望在执行完 xhr.send() 后立即获取响应，而必须等待请求完成并触发相应的事件处理函数。

当使用原生 xhr 发送请求时，通常会在一个事件处理函数中处理响应，比如 `onload` 事件。如果在 xhr 请求完成前就尝试返回某些数据，那么返回值将会是 `undefined`。因为实际的响应数据只有在请求完成并且通过回调函数处理后才可用。

例如，下面的代码可能会返回 `undefined`，因为 `console.log` 会在 `xhr` 响应之前执行：

function myRequest(url) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.send();
  return xhr.responseText; // 这里将返回 undefined，因为响应还未到达
}

console.log(myRequest('https://example.com')); // 输出 undefined

要正确处理这种情况，你需要将需要的数据处理逻辑放入 xhr 的回调函数中：

function myRequest(url) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.onload = function() {
    if (xhr.status >= 200 && xhr.status < 300) {
      console.log(xhr.responseText); // 这里将处理实际的响应数据
    }
  };
  xhr.onerror = function() {
    console.error('请求失败');
  };
  xhr.send();
}

myRequest('https://example.com'); // 正确使用回调函数处理响应