javascript - 全局变量 - AJAX jQuery

Question

我正在尝试设置全局变量countryCode。但该值始终为空。我能做些什么？我尝试了很多方法。请帮忙!

function GetGeolocation(){

  $.getJSON("http://ip-api.com/json/?callback=?",function(data){
  $.each(data, function(k, v) {
    table_body += "<tr><td>" + k + ": " + "</td><td><b>" + v + "</b></td></tr>";

      if (k == "countryCode")
      {
          SetGeolocation(v);
      }
    })             
  }); 
}

function SetGeolocation(value){

  countryCode = value;
  console.log(countryCode); //Value
}

function Result(){
  console.log(countyCode); //Null
}

$(document).ready(function(){
  GetGeolocation();
  Result();
});

Answer 1

在 JavaScript 中，函数内未使用 var 关键字声明的变量仅在函数调用后才变为全局变量。

考虑一下:

function foo(){
    bar = 123;
}

// Reference error - bar is undefined
console.log(bar);

现在在测试 bar 变量之前，让我们调用 foo 函数。

function foo(){
    bar = 123;
}

foo();

// 123
console.log(bar);

你明白了吗？正确的？好的。 至于您的代码，错误非常明显 countryCode is undefined 只是因为您之前没有调用 SetGeolocation() 。要使其按预期工作，您需要在调用 Result() 之前以某种方式调用 SetGeolocation()。

但是不要认真地这样做。全局变量是众所周知的不该做的事情。考虑将变量作为依赖项传递