使用JavaScript request方法无法保存数据的问题求解

这个问题我之前也踩过坑！核心原因就是你说的——request是异步非阻塞的，主线程不会等它的请求完成，直接就执行后面的console.log(savedData)了，这时候请求还没返回，savedData当然是undefined。

下面给你几个实用的解决方案，从基础到现代语法都有：

1. 把后续逻辑放在回调函数里 #

既然回调函数是请求完成后才会触发的，那所有需要用到savedData的代码都直接写在回调里就行：

let savedData;
request({ url: url, json: true }, function (err, resp, body) {
  if (err) { 
    console.error('请求出错啦:', err);
    return; 
  }
  savedData = body.data;
  // 在这里处理数据，想怎么用就怎么用
  console.log(savedData);
  // 比如调用你的业务处理函数
  handleMyData(savedData);
});

// 自定义的后续处理函数
function handleMyData(data) {
  // 写你的业务逻辑
}

2. 封装成Promise，用链式调用 #

如果不想把代码都嵌套在回调里（避免回调地狱），可以把request调用包装成Promise，这样就能用.then()来处理返回的数据：

function fetchMyData(url) {
  return new Promise((resolve, reject) => {
    request({ url: url, json: true }, function (err, resp, body) {
      if (err) { 
        reject(err); // 请求失败就抛出错误
        return; 
      }
      resolve(body.data); // 请求成功就返回需要的数据
    });
  });
}

// 用的时候就清爽多了
fetchMyData(url)
  .then(savedData => {
    console.log(savedData);
    handleMyData(savedData);
  })
  .catch(err => console.error('请求失败:', err));

3. 用async/await写“同步风格”的异步代码 #

基于上面的Promise封装，我们可以用async/await让代码看起来更像同步代码，可读性拉满：

async function getSavedData(url) {
  try {
    // 把request包装成Promise等待它完成
    const body = await new Promise((resolve, reject) => {
      request({ url: url, json: true }, function (err, resp, body) {
        if (err) { 
          reject(err);
          return; 
        }
        resolve(body);
      });
    });
    const savedData = body.data;
    console.log(savedData);
    return savedData;
  } catch (err) {
    console.error('请求出错:', err);
    throw err; // 可以把错误抛出去让调用者处理
  }
}

// 调用的时候要放在async函数里哦
async function main() {
  const myData = await getSavedData(url);
  // 这里就可以直接用myData做后续操作了
  handleMyData(myData);
}

main();

额外提醒 #

对了，request库现在已经停止维护啦，官方推荐用axios、node-fetch这些替代库，它们原生支持Promise，用起来更顺手。比如用axios的话代码会更简洁：

const axios = require('axios');

async function getSavedData(url) {
  try {
    const response = await axios.get(url);
    const savedData = response.data.data;
    console.log(savedData);
    return savedData;
  } catch (err) {
    console.error('请求出错:', err);
  }
}

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