等待回调在JavaScript

Question

我试图创建一个返回对象有回调的信息的功能：

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

我怎样才能做到这一点？函数getLocation在执行successful之前返回空值。

谢谢！

Answer 1

使用回调函数是因为函数是异步的。该回调将在未来的某个时间点运行。

因此，在触发回调之前返回getLocation。这就是异步方法的工作原理。

你不能等待回调，那不是它的工作原理。您可以添加一个回调到getLocation，运行完成后运行。

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

现在不是做var x = getLocation()和期待一个返回值，你怎么称呼它是这样的：

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

Answer 2

我会建议在火箭的答案的方法。但是，如果您真的想，可以在getLocation完成时使用jQuery延迟对象触发代码的其余部分。这将使您比使用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 
    });