axios GET 请求有效，但无法将结果内容分配给变量

Question

我是 javascript/React.js 方面的新手，我已经被这个奇怪的问题困扰了 5 个小时了：

我目前正在尝试从数据库中获取一些数据，每当我使用 axios 执行我的 get 请求时，它都会向我发送一个 json 文件。我可以获取数据并记录其内容，但由于某种原因，我无法将任何内容“转发”到 axios 函数之外。

这是我写的短代码，带有 2 个测试日志：

requests.js

foo() {

  // var declared outside of axios function
  var resultSet;

  axios.get(
    /working/url/example/
  ).then((res) => {
    resultSet = res.data.rows.slice();

    // FIRST LOG, inside axios function
    console.log(resultSet);
  }).catch(
    error => console.log(error)
  );

  // SECOND LOG, outside of axios function
  console.log(resultSet);
}

然后我得到那些奇怪的输出。不知何故，第一个日志在第二个日志之后打印：

镀铬控制台

undefined                    requests.js:20
(3) [{…}, {…}, {…}]          requests.js:15

第一个日志成功显示了我请求的内容，但第二个日志显示同一变量未定义。

我还是新手，所以我可能犯了一个基本错误，但我无法在其他帖子中找到任何相关案例，因为我无法找出导致此问题的原因。任何帮助将不胜感激。

Answer 1

我相信原因是异步请求，当你发出GET请求时，你的代码一直在执行但请求可能还没有完成，这解释了未定义，当请求完成时，你得到你的数据打印在控制台上。