一つの関数から別のjavascriptに変数を渡します。

Question

（私はGoogleマッププロジェクトで働いています） 私はhell関数にlatlonの可変フォーム関数showPositionを渡そうとしていますが、私は傾けません。

私がshowPosition関数でlatlonを印刷すると、すべてが機能します。 hello関数でlatlonを表示すると空白のページが表示されます。

var latlon; 
 

 
window.onload = function getLocation() { 
 
    if (navigator.geolocation) { 
 
     navigator.geolocation.getCurrentPosition(showPosition, showError); 
 
    } else { 
 
     x.innerHTML = "Geolocation is not supported by this browser."; 
 
    } 
 
} 
 

 
function showPosition(position) { 
 
    var latlon = position.coords.latitude + "," + position.coords.longitude; 
 
    /*document.write (latlon); */ 
 
} 
 

 

 
function hello() { 
 
    variablelatlon = latlon; 
 
    document.write (variablelatlon);  
 
} 
 

 
showPosition(); 
 
hello(); 
 

 
function showError(error) { 
 
    switch(error.code) { 
 
     case error.PERMISSION_DENIED: 
 
      x.innerHTML = "User denied the request for Geolocation." 
 
      break; 
 
     case error.POSITION_UNAVAILABLE: 
 
      x.innerHTML = "Location information is unavailable." 
 
      break; 
 
     case error.TIMEOUT: 
 
      x.innerHTML = "The request to get user location timed out." 
 
      break; 
 
     case error.UNKNOWN_ERROR: 
 
      x.innerHTML = "An unknown error occurred." 
 
      break; 
 
    } 
 
}

私はこれに私のコードを変更します。しかし、私は結果として任意の座標を参照してください。

var x = document.getElementById("demo"); 
 
var coordlat; 
 
var coordlng; 
 

 
window.onload = function getLocation() { 
 
    if (navigator.geolocation) { 
 
     navigator.geolocation.getCurrentPosition(showPosition, showError); 
 
    } else { 
 
     x.innerHTML = "Geolocation is not supported by this browser."; 
 
    } 
 
} 
 

 
function showPosition(position) { 
 
    var latlon = position.coords.latitude + "," + position.coords.longitude; 
 
    coordlat = position.coords.latitude; 
 
    coordlng = position.coords.longitude; 
 
} 
 

 

 
function hello() { 
 
    document.write (coordlat);  
 
    document.write (coordlng);  
 
} 
 

 

 
function showError(error) { 
 
    switch(error.code) { 
 
     case error.PERMISSION_DENIED: 
 
      x.innerHTML = "User denied the request for Geolocation." 
 
      break; 
 
     case error.POSITION_UNAVAILABLE: 
 
      x.innerHTML = "Location information is unavailable." 
 
      break; 
 
     case error.TIMEOUT: 
 
      x.innerHTML = "The request to get user location timed out." 
 
      break; 
 
     case error.UNKNOWN_ERROR: 
 
      x.innerHTML = "An unknown error occurred." 
 
      break; 
 
    } 
 
} 
 

 
showPosition(); 
 
hello();

Answer 1

だけvarを削除：

function showPosition(position) { 
    latlon = position.coords.latitude + "," + position.coords.longitude; 
    /*document.write (latlon); */ 
} 

事実はあなたがキーフレーズvarで変数を定義するたびに、あなたはそれが変数そのスコープのローカルおよびすべてのグローバル作る、です内部関数。

すでにlatlonをグローバル変数として定義しています。その前に別の関数の中にvarを置くと、関数スコープの内部でローカルになります。だから、グローバルなものには影響しません。

Answer 2

グローバル変数latlonを宣言しましたが、それを関数showPositionで再宣言してローカルにしました。これは助けてください：

var latlon; 

window.onload = function getLocation() { 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(showPosition, showError); 
    } else { 
     x.innerHTML = "Geolocation is not supported by this browser."; 
    } 
} 
// You declared global variable laton but then make it local by redeclaring it in function showPosition 
function showPosition(position) { 
    /*var*/ latlon = position.coords.latitude + "," + position.coords.longitude; 
    /*document.write (latlon); */ 
}