Espere devolución de llamada en javascript

Question

estoy tratando de crear una función que devuelve un objeto con información de una devolución de llamada:

var geoloc; 

var successful = function (position) { 
    geoloc = { 
     longitude: position.coords.longitude, 
     latitude: position.coords.latitude 
    }; 
}; 

var getLocation = function() { 
    navigator.geolocation.getCurrentPosition(successful, function() { 
     alert("fail"); 
    }); 

    return geoloc; 
}; 

¿Cómo puedo hacer esto? Se ejecuta la función getLocation devolver valor nulo antes de successful.

Gracias!

Answer 1

Las devoluciones de llamada se utilizan porque la función es asincrónica. La devolución de llamada se ejecuta en algún momento en el futuro.

Por lo tanto, sí getLocation regresa antes de que se active la devolución de llamada. Así es como funcionan los métodos asíncronos.

No puede esperar la devolución de llamada, así no es como funciona. Puede agregar una devolución de llamada al getLocation, que se ejecuta una vez que está hecho.

var getLocation = function(callback){ 
    navigator.geolocation.getCurrentPosition(function(pos){ 
     succesfull(pos); 
     typeof callback === 'function' && callback(geoloc); 
    }, function(){ 
     alert("fail"); 
    }); 
}; 

Ahora, en lugar de hacer var x = getLocation() y esperar un valor de retorno, que lo llaman así:

getLocation(function(pos){ 
    console.log(pos.longitude, pos.latitude); 
}); 

Answer 2

recomendaría el enfoque en la respuesta de Rocket. Sin embargo, si realmente lo desea, podría desencadenar el resto de su código cuando el getLocation finalice utilizando un objeto diferido jQuery. Esto le dará un control más detallado que el simple uso de las devoluciones proporcionadas por getCurrentPosition.

// create a new deferred object 
var deferred = $.Deferred(); 

var success = function (position) { 
    // resolve the deferred with your object as the data 
    deferred.resolve({ 
     longitude: position.coords.longitude, 
     latitude: position.coords.latitude 
    }); 
}; 

var fail = function() { 
    // reject the deferred with an error message 
    deferred.reject('failed!'); 
}; 

var getLocation = function() { 
    navigator.geolocation.getCurrentPosition(success, fail); 

    return deferred.promise(); // return a promise 
}; 

// then you would use it like this: 
getLocation().then(
    function (location) { 
     // success, location is the object you passed to resolve 
    }, 
    function (errorMessage) { 
     // fail, errorMessage is the string you passed to reject 
    });