NodeJS HTTP请求回调：如何将数据存入外部数组并在函数外使用？

嘿，这个问题我太熟了——本质上是Node.js的异步特性在“搞事情”！你肯定是在HTTP请求还没完成、回调还没触发的时候，就急着去访问那个预先定义的数组了，所以才会看到空数组。下面给你几种靠谱的解决办法，一步步来：

先看看你可能写出的“错误示范”代码，是不是类似这样：

const http = require('http');
let resultArr = [];

function fetchData() {
  http.get('http://example.com/api', (res) => {
    let data = '';
    res.on('data', (chunk) => {
      data += chunk;
    });
    res.on('end', () => {
      resultArr.push(JSON.parse(data));
      console.log('回调里的数组:', resultArr); // 这里能看到数据
    });
  });
}

fetchData();
console.log('外部的数组:', resultArr); // 这里是空的！

为啥会这样？因为http.get是异步I/O操作，它不会阻塞后续代码执行——当你调用fetchData()后，JavaScript会立刻去执行后面的console.log，这时候请求还在网络上跑呢，回调里的代码根本没机会把数据塞进数组里。

把所有需要用到数组的代码，都放到回调里，或者给fetchData传一个回调函数，让它在数据准备好的时候触发：

const http = require('http');
let resultArr = [];

function fetchData(callback) {
  http.get('http://example.com/api', (res) => {
    let data = '';
    res.on('data', (chunk) => {
      data += chunk;
    });
    res.on('end', () => {
      const parsedData = JSON.parse(data);
      resultArr.push(parsedData);
      // 数据准备好了，调用回调把数组传出去
      callback(resultArr);
    });
  });
}

// 调用时传入处理数组的逻辑
fetchData((readyArr) => {
  console.log('终于能用数组啦:', readyArr);
  // 所有需要用到这个数组的代码都写在这里，比如存数据库、渲染内容等
});

如果觉得回调嵌套看着头疼，用Promise封装请求，再配合async/await，代码会像同步逻辑一样清晰：

const http = require('http');
let resultArr = [];

// 把HTTP请求封装成Promise
function fetchData() {
  return new Promise((resolve, reject) => {
    http.get('http://example.com/api', (res) => {
      let data = '';
      res.on('data', (chunk) => {
        data += chunk;
      });
      res.on('end', () => {
        const parsedData = JSON.parse(data);
        resultArr.push(parsedData);
        resolve(resultArr); // 成功时返回填充好的数组
      });
      res.on('error', (err) => {
        reject(err); // 请求出错时抛出异常
      });
    });
  });
}

// 用async函数等待请求完成
async function processData() {
  try {
    const finalArr = await fetchData();
    console.log('外部可用的数组:', finalArr);
    // 这里放心用数组就行，await已经帮你等请求完成了
  } catch (err) {
    console.error('请求出错啦:', err);
  }
}

processData();

如果你的预先定义数组要接收多个请求的结果，用Promise.all就能轻松搞定：

const http = require('http');
let resultArr = [];
// 预先定义的请求地址数组
const requestUrls = ['http://example.com/api1', 'http://example.com/api2'];

// 封装单个请求为Promise
function singleFetch(url) {
  return new Promise((resolve, reject) => {
    http.get(url, (res) => {
      let data = '';
      res.on('data', chunk => data += chunk);
      res.on('end', () => resolve(JSON.parse(data)));
      res.on('error', reject);
    });
  });
}

async function fetchAllData() {
  // 把所有请求转换成Promise数组
  const promiseList = requestUrls.map(url => singleFetch(url));
  // 等待所有请求完成，拿到所有结果
  const allResults = await Promise.all(promiseList);
  // 合并到预先定义的数组里
  resultArr = [...resultArr, ...allResults];
  console.log('所有请求完成后的数组:', resultArr);
}

fetchAllData();

核心总结一下：Node.js的异步I/O不会等操作完成再执行后续代码，所以必须等异步操作结束后再去访问结果——回调、Promise/async-await都是解决这个问题的标准姿势，搞懂这个逻辑，以后就不会再踩类似的坑啦！

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