jQuery Как получить доступ к функции var внутри функции

Question

Как я могу получить доступ к переменной, которая находится внутри функции jQuery, ниже приведен код. Мне нужно внутри var lat, lng для хранения в скрытом поле или ярлыке на более позднем этапе. Я пробовал

<script type="text/javascript"> 

    if (navigator.geolocation) 
    { 
     navigator.geolocation.getCurrentPosition(showPosition); 
    } 
    else{x.innerHTML="Geolocation is not supported by this browser.";} 

    var x = null; 

    function showPosition(position) { 
     var lat = position.coords.latitude; 
     var lng = position.coords.longitude; 

     x+= lat; 
     alert(lat+ " " +lng); 
    } 
/* 
    * I have tried this way for testing */ 
    alert(x); 
</script> 

Значение для x не определено.

Answer 1

При запуске вашего кода alert(x) запускается сразу. Это означает, что в браузерах, поддерживающих GeoLocation x, еще не было возможности быть установленным, и именно поэтому вы получаете сообщение undefined.

Способ сделать это:

var x = 0; 

if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(showPosition, error); 
} else { 
    test(); // call other function or display error message 
} 

function showPosition(position) { 
    var lat = position.coords.latitude; 
    var lng = position.coords.longitude; 
    x += lat; 
    test(); 
} 

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

function test() { 
    alert(x); 
} 

Похоже, что вы имеете копию и вставить код из W3Schools так что вы получите undefined ошибку, если navigator.geolocation не true, как x не элемент DOM, поэтому он не имеет свойства innerHTML.

В приведенном выше коде test(); используется для отображения всплывающего окна со значением x. В вашем коде test(); должна быть следующая функция, которую вы хотите запустить. Например, это может быть функция, которая извлекает данные на основе текущего местоположения пользователя (если доступно).

ОБНОВЛЕНИЕ: Вот пример заполнения скрытых полей данными.

var lat = 0, lng = 0; 
function showPosition(position) { 
    lat = position.coords.latitude; 
    lng = position.coords.longitude; 
    test(); 
} 

Затем используйте:

HTML:

<input type="hidden" id="latInput" /> 
<input type="hidden" id="lngInput" /> 

JS:

function test(){ 
    $("#latInput").val(lat); 
    $("#lngInput").val(lng); 
} 

// or 

function test(){ 
    $.post("your-script.php", { lat: lat, lng: png }) 
    .done(function(data) { 
     // success 
    }) 
    .fail(function() { 
     // fail 
    }); 
} 

Answer 2

Объявите переменную lat, lng вне боковых функций, тогда вы сможете получить к ней доступ в коде после объявления. Прежде чем обращаться к ним, вы должны вызвать функцию showPosition.

var lat, lng; 
function showPosition(position) { 
    lat = position.coords.latitude; 
    lng = position.coords.longitude; 

    x+= lat; 
    alert(lat+ " " +lng); 
} 

Answer 3

Вы должны вызвать функцию showPosition() перед вами alert(x) потому х заполняется только тогда, когда функция вызывается.

Answer 4

Попробуйте этот код:

http://jsfiddle.net/sqZmU/

(function() { 


    var x = ""; 

    function showPosition(position) { 
     var lat = position.coords.latitude; 
     var lng = position.coords.longitude; 

     x += lat; 
    } 

    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(showPosition); 
    } else { 
     x = "Geolocation is not supported by this browser."; 
    } 
    /* 
    * I have tried this way for testing */ 
    $('button').on('click',function(){ 
     alert(x); 
    }); 

})(); 

Answer 5

Первая вещь, вы должны вызвать функцию showPosition, чтобы увидеть его эффект.

Во-вторых, не пытайтесь получить доступ к переменной x вот так. Вместо этого вы можете вернуть значение, необходимое для этой функции.

Answer 6

Я думаю, что было бы лучше вернуть значение x, используя его как local variabel используя var x внутри позиции показа функции.