我的範圍有什麼問題？爲什麼我不覆蓋變量？ 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); 
});