javascript - 变量在运行时未定义，但在使用调试器时定义

Question

这个问题已经有答案了:

Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference (7 个回答)

已关闭 8 年前。

我是一个 javascript 新手，并在 javascript 中尝试此代码(使用 jQuery):

$(document).ready(function() {
var nodes=[];
$.getJSON('/get/data', function(data) {
            nodes.push(data);
        });
//debugger
console.log(nodes);
console.log(nodes[0]);
});

这是我在控制台中看到的:

[ ]
undefined

但是当我取消注释//debugger 并运行它时，我得到以下结果:

  []
  []
  []
 [[Object { id=10,  label="foo"}, Object { id=9,  label="bar"}, 43 more...]]
 [Object { id=10,  label="foo"}, Object { id=9,  label="bar"}, ...]

这是怎么回事？我无法理解激活调试器如何影响变量并使其定义或未定义。顺便说一句，这只是一个较大脚本的一部分，因此它可能是一个因素。

Answer 1

这是一个异步函数，因此在回调运行之前，节点不会被填充。试试这个:

var nodes=[];
 //this "function(data)" is a callback to be executed when you get your data back
 $.getJSON('/get/data', function(data) {
     nodes.push(data);
     console.log(nodes); //<--this now has data!
     console.log(nodes[0]);
});