将javascript变量升级到全局范围[重复]

Question

我正在尝试在脚本中包含一个外部 JSON 文件：

var locations;

$.getJSON(themeUri + '/resources/location.json', function(result){
  locations = result;
  console.log(locations); // it shows right results.
});

console.log(locations); // undef

locations 不在全局范围内。正如我所读到的，这是因为异步功能。

所以，我尝试了：

var locations;

function jsonCallback(result){
  locations = result;
}

$.getJSON(themeUri + '/resources/location.json', jsonCallback);

也不行。如何将 JSON 内容放入全局变量中？

Answer 1

您最初示例中的问题是console.log 发生在async 调用之前。

// 1. declaration happens
var locations;

// 3. this happens
$.getJSON(themeUri + '/resources/location.json', function(result){
  locations = result;
  console.log(locations); // it shows the right results.
});

// 2. console.log happens
console.log(locations); // undefined

所以2. 未定义是有道理的，因为回调尚未发生。

可能的解决方案：

var locations;

function fillLocations(responseJSON) {
  locations = responseJSON;
  console.log(locations); 
  // Continue to next operation…
}

$.getJSON( 'https://jsonplaceholder.typicode.com/todos/1', function(result){
  fillLocations(result);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>