javascript - 使用 getJSON 时未设置 JavaScript 中的全局变量？

Question

这是我的代码。如果我通过“谷歌检查员”检查“恶作剧”变量，一切正常。但是最后一行的“警报”显示了一个 0 大小的数组！我在处理局部/全局变量？

<script type="text/javascript">
(function() { 

 pranks = [];

function getAllPranks(){


    $.getJSON('list.json', function(data) {

      $.each(data['pranks'], function(key, val) {
        pranks.push(val);
      });

    });

}

 $(document).ready(function(){


    getAllPranks();

    alert(pranks.length);

 });


 }());
 </script>

Answer 1

将其更改为：

$.getJSON('list.json', function(data) {
  $.each(data['pranks'], function(key, val) {
    pranks.push(val);
  });
  alert(pranks.length); /* pranks has data now */
});

Answer 2

获取您的代码：

<script type="text/javascript">
(function() { 
    function getAllPranks( callback ) {
        $.getJSON('list.json', function(data) {
            $.each(data['pranks'], function(key, val) {
                pranks.push(val);
            });
            callback( pranks );
        });
    }

    $(document).ready(function(){
        getAllPranks( function( pranks ) {
            alert(pranks.length);
        } );
    });
}());
</script>

$.getJSON是异步的。这意味着function(data)一旦结果返回，就会执行回调函数 ( )。当您执行alert(pranks.length)时，该函数尚未执行，因为此时响应尚未返回。