如何将node-rest-client POST返回数据转为可用变量并解决异步问题？

嘿，你碰到的是JavaScript异步编程里的经典坑！client.post是个异步方法，它不会等着请求完成再往下走——也就是说，回调函数外面的console.log(values)会在POST请求还没拿到数据、回调里的values赋值还没执行的时候就先跑了，这时候values要么没被初始化，要么是个无效值，自然输出不对。而回调里的console.log是等请求成功拿到响应后才触发的，所以能正确拿到id。

另外提个小优化：你写的JSON.parse(JSON.stringify(data))完全没必要，node-rest-client默认会帮你把JSON格式的响应解析成JavaScript对象，直接用data.id就行啦。

解决方案1：把依赖values的逻辑放进回调里 #

这是最直接的处理方式，所有需要用到values的代码都写在回调内部，确保只有在数据返回后才执行：

var client = new Client();
var args = {
  data: { "filters": { "uuid": "11111", "period": "2018-03-18T00:00:00-05:00/2018-03-21T00:00:00-05:00" } },
  headers: { "Content-Type": "application/json", "Api-User": "myusername", "Api-Key": "myapikey" }
};

client.post("https://myAPIenpoint/", args, function (data, response) {
  const values = data.id;
  console.log(values);
  
  // 所有需要用values的逻辑都放在这里
  processValues(values);
});

// 比如把后续逻辑抽成单独的函数，代码更清晰
function processValues(val) {
  console.log("开始处理数据：", val);
  // 这里写你的业务逻辑
}

解决方案2：用Promise封装，让异步代码更优雅 #

如果不想把所有逻辑都堆在回调里，可以把client.post封装成Promise，这样就能用链式调用或者async/await让代码看起来像同步的：

第一步：封装POST请求为Promise #

var client = new Client();
var args = {
  data: { "filters": { "uuid": "11111", "period": "2018-03-18T00:00:00-05:00/2018-03-21T00:00:00-05:00" } },
  headers: { "Content-Type": "application/json", "Api-User": "myusername", "Api-Key": "myapikey" }
};

function fetchApiData(url, requestArgs) {
  return new Promise((resolve, reject) => {
    const request = client.post(url, requestArgs, function (data, response) {
      // 可以加个状态码判断，确保请求成功
      if (response.statusCode >= 400) {
        reject(new Error(`请求失败，状态码：${response.statusCode}`));
        return;
      }
      resolve(data.id);
    });

    // 监听请求层面的错误（比如网络问题）
    request.on('error', (err) => {
      reject(err);
    });
  });
}

用链式调用处理结果 #

fetchApiData("https://myAPIenpoint/", args)
  .then(values => {
    console.log(values);
    processValues(values);
  })
  .catch(error => {
    console.error("请求出问题啦：", error);
  });

或者用async/await（更简洁） #

如果你的Node.js版本在8以上（支持ES8语法），用async/await会让代码更像同步逻辑：

async function main() {
  try {
    const values = await fetchApiData("https://myAPIenpoint/", args);
    console.log(values);
    processValues(values);
  } catch (error) {
    console.error("请求出错：", error);
  }
}

// 执行主函数
main();

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