在Express中使用request模块获取JSON后，如何全局使用解析后的data？

这个问题是异步编程的典型陷阱，我来给你拆解清楚原因，再提供几种实用的解决方案：

为什么会出现Cannot read property 'length' of undefined？ #

request.get是一个异步HTTP请求，代码执行顺序是这样的：

1. 先执行request.get发起请求，但不会等待请求完成，直接跳到后面的代码（也就是你尝试在外部访问data的代码）
2. 此时请求还在进行中，data根本还没被赋值，自然是undefined，所以报错
3. 等请求完成后，才会执行回调函数里的代码，这时候data才有值

解决方案1：把业务逻辑放在回调内部（最直接） #

既然回调函数是请求完成后才会执行的地方，那所有需要用到data的代码都可以放在这里，或者调用专门的处理函数：

var url = 'https://api.github.com/users/google/repos'; 
request.get({ url: url, json: true, headers: {'User-Agent': 'request'} }, (err, res, data) => { 
  if (err) { 
    console.log('Error:', err); 
    return; // 出错就终止后续逻辑
  } else if (res.statusCode !== 200) { 
    console.log('Status:', res.statusCode); 
    return;
  } 
  // 所有依赖data的逻辑都写在这里
  console.log(data.length);
  // 比如调用专门的处理函数，把data传进去
  handleReposData(data);
});

// 专门处理仓库数据的函数
function handleReposData(repos) {
  console.log('仓库总数：', repos.length);
  // 这里可以写渲染页面、存入数据库等业务逻辑
}

解决方案2：用Promise+async/await封装（更优雅的异步处理） #

如果觉得回调嵌套太麻烦，可以把request请求封装成Promise，再用async/await来写同步风格的异步代码，这样就能在“外部”（相对于原回调）轻松访问data：

const request = require('request');

// 把request请求封装成Promise函数
function fetchGitHubRepos(url) {
  return new Promise((resolve, reject) => {
    request.get({ 
      url: url, 
      json: true, 
      headers: {'User-Agent': 'request'} 
    }, (err, res, data) => { 
      if (err) {
        reject(err); // 请求失败时抛出错误
      } else if (res.statusCode !== 200) {
        reject(new Error(`请求失败，状态码：${res.statusCode}`));
      } else {
        resolve(data); // 请求成功时返回data
      }
    });
  });
}

// 用async/await调用封装好的函数
async function getAndProcessRepos() {
  try {
    const url = 'https://api.github.com/users/google/repos';
    const data = await fetchGitHubRepos(url); // 等待请求完成拿到data
    // 这里就可以自由使用data了
    console.log(data.length);
    handleReposData(data);
  } catch (error) {
    console.log('出错了：', error.message);
  }
}

// 执行函数
getAndProcessRepos();

function handleReposData(repos) {
  console.log('处理后的仓库数量：', repos.length);
}

解决方案3：使用全局变量（不推荐，仅作了解） #

如果你一定要用全局变量来存储data，可以声明一个全局变量，在回调里赋值，但必须确保使用时数据已经加载完成：

let globalReposData; // 声明全局变量
var url = 'https://api.github.com/users/google/repos'; 

request.get({ url: url, json: true, headers: {'User-Agent': 'request'} }, (err, res, data) => { 
  if (err) { 
    console.log('Error:', err); 
    return;
  } else if (res.statusCode !== 200) { 
    console.log('Status:', res.statusCode); 
    return;
  } 
  globalReposData = data; // 赋值给全局变量
  // 赋值完成后再调用使用全局变量的函数
  useGlobalReposData();
});

function useGlobalReposData() {
  if (globalReposData) {
    console.log(globalReposData.length);
  } else {
    console.log('数据还未加载完成，请等待');
  }
}

⚠️ 注意：这种方式不推荐，因为全局变量容易引发数据覆盖、时序问题，而且不利于代码的可维护性，优先选择前两种方案。

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