全局变量在函数范围内未定义

Question

我有这段代码，其中变量纬度和经度在 positionSuccess 函数之外声明，然后在 positionSuccess 函数内部定义。我想稍后重新使用这些变量，但它们一直以未定义的形式返回。不知道为什么。

我认为如果它们是在函数之外定义的，那么它们应该在同一范围内可用于其他函数。我在这里遗漏了什么吗？

$(document).ready(function(){

  navigator.geolocation.getCurrentPosition(positionSuccess, positionError);

  // Gets the user's location

  var latitude;
  var longitude;

  function positionSuccess(position){
    latitude = position.coords.latitude;
    longitude = position.coords.longitude;
  }

  function positionError(error){
    console.warn('ERROR: ' + error.code + ': ' + error.message);
  }

  // Other functions that need access to latitude and longitude variables.

)};

感谢您的帮助！

Answer 1

欢迎使用 Javascript 进行异步编程。因为代码不是在函数中从上到下顺序执行的，所以异步回调需要不同的代码编写方法，它们收到的结果必须在回调内部处理，而不是在回调外部处理。

positionSuccess 和 positionError 是异步回调。在您的 $(document).ready() 处理程序完成执行后，它们被长时间调用。因此，latitude 和 longitude 变量在您尝试使用时尚未设置。

任何需要positionSuccess() 内部结果的代码都必须放在该回调函数中，或者您可以调用其他函数并将结果变量传递给它。

$(document).ready(function(){

  navigator.geolocation.getCurrentPosition(positionSuccess, positionError);

  function positionSuccess(position){
    var latitude = position.coords.latitude;
    var longitude = position.coords.longitude;

    // insert code to use the latitude and longitude variables here
  }

  function positionError(error){
    console.warn('ERROR: ' + error.code + ': ' + error.message);
  }

  // the latitude and longitude data is not yet available here because 
  // positionSuccess() is called in the future AFTER this part of 
  // the code executes

)};