Javascript asignando el valor de retorno de una función de devolución de llamada a la variable global

Question

Mi pregunta es acerca de Javascript. Tengo una función de devolución de llamada que recibe un objeto de posición en una devolución de llamada exitosa.

El problema es que cuando intento establecer las propiedades del objeto Position en una variable global en una devolución de llamada exitosa, simplemente no me deja hacerlo y lo global simplemente permanece indefinido. Como solución alternativa a eso, en lugar de establecer directamente las propiedades del objeto como variables globales, intento devolverlo a través de la función de devolución de llamada, pero no encontré la manera de establecer el valor devuelto variable.

Aquí está el código simplificado.

var x; 

navigator.geolocation.getCurrentPosition(onSuccess, onError); 

//on Successful callback receives a Position Object 
function onSuccess(position) { 
    var coords = position.coords; 
    x=coords;  // Setting directly to an object does not work x still remains undefined after succesful callback    
return coord; // Trying to set this to a global object 

} 

// onError Callback receives a PositionError object 
// 
function onError(error) { 
    alert('code: ' + error.code + '\n' + 
      'message: ' + error.message + '\n'); 
} 

Answer 1

No se puede devolver un valor de la devolución de llamada (en este caso). Eso significaría que dentro de getCurrentPosition, el valor de retorno de la devolución de llamada debe asignarse en algún lugar.

La asignación a una variable global funciona, pero en el momento de acceder a esa variable, aún no se le asignó el nuevo valor. P.ej.

// x is assigned in `onSuccess` 
var x; 
navigator.geolocation.getCurrentPosition(onSuccess, onError); 
alert(x); // will be undefined, the response is not processed yet 

Piense en esto: getCurrentPosition es, probablemente, haciendo una petición Ajax para obtener la posición. Tal solicitud toma (a) el tiempo (un par de milisegundos) y debido a eso (b) es asincrónico, lo que significa que JavaScript no espera hasta que se reciba la respuesta. Su código es manera más rápido. onSuccess no se llamó aún cuando alerta x.

Única solución:

todo el código que tiene para acceder a la condición de estar en o llamados desde la devolución de llamada.

Answer 2

¿Ha intentado configurarlo a través del objeto global window?

//on Successful callback receives a Position Object 
function onSuccess(position) { 
    var coords = position.coords; 
    window.x=coords;  // Setting directly to an object does not work x still remains undefined after succesful callback    
return coord; // Trying to set this to a global object 

} 

Además, dado que devuelve las coordenadas del controlador de éxito, ¿no hay otra forma de obtener este valor?

Answer 3

poner un console.log(x); justo después x=cords para comprobar el valor (funciona en Chrome y FF con FireBug)

hacer eso también justo después de la llamada de onSuccess.

Asimismo, no hay que olvidar que existe un código asíncrono de JS (si se utiliza AJAX para obtener la posición), tal vez lo que no recibe la respuesta cuando se registre el valor de x

Answer 4

Según lo descrito por Felix King, no puede devolver un valor de una devolución de llamada y en su variante de variable global, la variable no se establecerá hasta después de que la solicitud AJAX se complete y llame a la devolución de llamada (¡de ahí su nombre!).

Usando una variable global puede resolver su problema si tiene algún tipo de bucle de procesamiento, puede agregar este código a ese bucle para hacer lo que sea necesario cada vez que cambie la coord.

if (coord) // global variable has a new value 
    // process it 
    alert('code: ' + error.code + '\n' + 
      'message: ' + error.message + '\n'); 
    // then clear it 
    coord = null; 
    } 

Answer 5

se puede implementar un método de ayuda al igual que fluye:

var LocationHelper = function() {}; 

LocationHelper.prototype.getLocation = function(callback) { 

    navigator.geolocation.getCurrentPosition(onSuccess, onError); 

    function onSuccess(pos) { 
     callback({ 
      pos: pos 
     }); 
    } 

    function onError(message) { 
     callback({ 
      message: message 
     }); 
    } 

    };