如何从异步回调函数返回值?

这个问题在《SO》中被问了很多次。但我还是拿不到东西。

我想从回调中得到一些值。请查看下面的脚本以获得澄清。

function foo(address){


// google map stuff
geocoder.geocode( { 'address': address}, function(results, status) {
results[0].geometry.location; // I want to return this value
})


}
foo(); //result should be results[0].geometry.location; value

如果我试图返回该值只是得到“未定义”。我遵循了《SO》的一些想法,但是 仍然失败。< / p >

这些都是:

function foo(address){
var returnvalue;
geocoder.geocode( { 'address': address}, function(results, status) {
returnvalue = results[0].geometry.location;
})
return returnvalue;
}
foo(); //still undefined
470425 次浏览

从回调函数返回值是没有意义的。相反,执行你想要执行内部你的回调的“foo()”工作。

异步回调由浏览器或谷歌地理编码库等框架在事件发生时调用。没有地方存放返回的值。换句话说,回调函数可以返回一个值,但调用该函数的代码不会注意返回值。

这是不可能的,因为您无法从同步方法内部的异步调用中返回。

在这种情况下,您需要传递一个回调给foo,它将接收返回值

function foo(address, fn){
geocoder.geocode( { 'address': address}, function(results, status) {
fn(results[0].geometry.location);
});
}


foo("address", function(location){
alert(location); // this is where you get the return value
});

问题是,如果内部函数调用是异步的,那么为了“返回”响应,所有“包装”该调用的函数也必须是异步的。

如果你有很多回调函数,你可以考虑使用像Q一样的承诺库

如果你碰巧正在使用jQuery,你可能想要给这个镜头: # EYZ0 < / p >

它允许您延迟回调函数的执行,直到ajax请求(或任何异步操作)完成。这也可以用于在几个ajax请求全部完成后调用回调。