我的范围有什么问题？为什么我不覆盖变量？ js

Question

我想覆盖一个变量，但不知何故它不工作。 我在这里做错了什么？

var url = 'BB'; 

    navigator.geolocation.getCurrentPosition(function (position) { 
     url = 'http://maps.googleapis.com/maps/api/geocode/json?latlng=' + position.coords.latitude.toString() + ',' + position.coords.longitude.toString(); 
    }); 

    console.log(url); 

应该不是我url得到整个字符串，而不是输出bb？

Answer 1

这是因为navigator.geolocation.getCurrentPosition是异步的，console.log(url)得到回调函数之前，你重写URL

这线程可能会帮助，如果你不熟悉asynchronous执行执行：

Asynchronous vs synchronous execution, what does it really mean?

Answer 2

由于Adam指出，您在尝试使用url变量赋值之前（除了初始化'BB'之外）。

除非你有一个很好的理由让url变量全局和了解周围异步代码的问题，这是最好的，如果你不申报回调超出这个变量。这会导致你遇到的麻烦。

取而代之的是，在回调中指定的位置。然后在回调中或在回调中调用的函数中执行需要的操作。不要试图将其用作全局变量。

例如，这样的工作，而无需你遇到了问题：

navigator.geolocation.getCurrentPosition(function (position) { 
    var url = 'http://maps.googleapis.com/maps/api/geocode/json?latlng=' + position.coords.latitude.toString() + ',' + position.coords.longitude.toString(); 
    console.log(url); 
});