如何实现console.log(fetchJSON('url'))输出API返回的对象数组？

你现在遇到的问题核心是异步操作的结果不能同步获取——你的fetchJSON是基于回调的异步函数，它本身不会返回数据，而是通过传入的回调函数来传递结果，所以直接console.log(fetchJSON('url'))只会输出undefined。

要在控制台看到实际的对象数组，你可以用下面两种方法解决：

方法1：直接传入回调函数处理结果 #

修改你的调用代码，把打印逻辑放在回调函数里，因为异步请求的结果只有在回调触发时才能拿到：

// 替换成你的实际API地址
const apiUrl = 'https://your-api-url-here';

fetchJSON(apiUrl, (err, data) => {
  // 先处理错误情况
  if (err) {
    console.error('获取数据出错了:', err);
    return;
  }
  // 这里就能拿到API返回的对象数组了
  console.log('API返回的对象数组:', data);
});

当请求成功完成时，xhr.onload里的逻辑会触发你传入的回调函数，把解析好的JSON数据传给data参数，这时你就能在控制台看到目标对象数组了。

方法2：封装成Promise，用async/await调用（更现代的写法） #

如果你习惯用更直观的异步语法，可以把原有的回调风格函数封装成Promise版本，然后用async/await调用：

// 把原fetchJSON封装为Promise版本
function fetchJSONPromise(url) {
  return new Promise((resolve, reject) => {
    fetchJSON(url, (err, data) => {
      if (err) {
        reject(err);
      } else {
        resolve(data);
      }
    });
  });
}

// 用async/await调用并打印结果
async function fetchAndLogData() {
  try {
    const data = await fetchJSONPromise('https://your-api-url-here');
    console.log('API返回的对象数组:', data);
  } catch (err) {
    console.error('获取数据失败:', err);
  }
}

// 执行函数
fetchAndLogData();

这种写法让异步代码的逻辑更清晰，看起来和同步代码差不多，处理错误也更直观。

补充：为什么原来的调用不行？ #

• fetchJSON函数没有任何return语句，所以它的调用结果默认是undefined
• XMLHttpRequest是异步操作，请求发送后不会立刻拿到结果，必须等到请求完成（触发onload或onerror事件）才能处理数据，这就是回调函数存在的意义

内容的提问来源于stack exchange，提问作者mark keeper