JavaScript全局变量范围问题

时间:2014-07-26 01:06:24

标签: javascript jquery json scope

我无法弄清楚为什么specialArray没有将其值保持在$.getJSON之外。我以为我理解范围,任何帮助表示赞赏。它会向控制台吐出值,但一旦超出.getJSON,就会丢失值。有什么想法吗?

var specialArray = [];
var data, temp, regionArrayNumber;
var numberOfRegions = 29;
var chartData = [];
$(document).ready(function() {

  // set up array of objects, organized by region_id
  for (var j = 0; j < numberOfRegions; j++) {
    temp = {
     "region_id" : (j + 1),
     "number_of_reads" : 0,
     "bus_count" : 0,
     "reads_per_bus" : 0
    };
    chartData.push(temp);
  }

  $.getJSON('https://data.cityofchicago.org/resource/historical-traffic-congestion-region.json', function(data) {

    // cycle through objects, add numbers to totals
    for (var i = 0; i < data.length; i++) {
      regionArrayNumber = data[i].region_id - 1;  // get region id, offset because of zero-based array
      chartData[regionArrayNumber].bus_count += parseInt(data[i].bus_count);
      chartData[regionArrayNumber].number_of_reads += parseInt(data[i].number_of_reads);
    }

    // calculate avg reads per bus
    for (var k = 0; k < chartData.length; k++) {
      chartData[k].reads_per_bus = (parseInt(data[k].number_of_reads)) / (parseInt(data[k].bus_count));
    }

    // set up array for google chart
    for (var x = 0; x < chartData.length; x++) {
      var tempArray = [];
      tempArray[0] = chartData[x].region_id;
      tempArray[1] = parseInt(chartData[x].number_of_reads);
      specialArray.push(tempArray);
      console.log("Inside: " + specialArray[x][0] + ", " + specialArray[x][1]);
    }
  });
console.log("Outside: " + specialArray[1][0]);


});  // end of doc.ready

1 个答案:

答案 0 :(得分:1)

好消息是你理解范围很好:)

getJSON是一个异步函数...这意味着它将启动服务调用,继续下一个语句(console.log("Outside: " + specialArray[1][0]);)然后当服务调用完成时它将获得周围调用你的回调函数(你所谓的&#39;内部&#39;)。

如果你想对服务调用的结果采取行动,那么代码需要存在于回调函数内部或者被回调函数内部的东西调用。

getJSON和类似的API之所以如此,是因为他们希望确保您的代码不会挂起来。并在等待可能需要一段时间才能完成的事情时使浏览器无响应。最初有点难以理解,但它会帮你一个忙。