Attendere la richiamata in javascript

Question

Sto cercando di creare una funzione che restituisce un oggetto con le informazioni di un callback:

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; 
}; 

Come posso fare questo? La funzione getLocation restituisce un valore nullo prima che venga eseguito successful.

Grazie!

Answer 1

Le richiamate vengono utilizzate perché la funzione è asincrona. Il callback viene eseguito in un determinato momento nel futuro.

Quindi, sì getLocation restituisce prima che la richiamata venga attivata. Ecco come funzionano i metodi asincroni.

Non si può attendere la richiamata, non è così che funziona. È possibile aggiungere una richiamata a getLocation, che viene eseguita una volta completata.

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

Ora, invece di fare var x = getLocation() e in attesa di un valore di ritorno, si chiamano in questo modo:

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

Answer 2

Vorrei raccomandare l'approccio in risposta Rocket. Tuttavia, se lo si desidera, è possibile attivare il resto del codice quando lo getLocation termina utilizzando un oggetto rinviato jQuery. Ciò ti consentirà un controllo più preciso rispetto all'uso dei callback forniti da 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 
    });