这个问题在这里已经有了答案:如何从异步调用返回响应? (43 个回答) 7 年前关闭。
这个问题在 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 的一些想法,但仍然失败。
那些是:
function foo(address){
var returnvalue;
geocoder.geocode( { 'address': address}, function(results, status) {
returnvalue = results[0].geometry.location;
})
return returnvalue;
}
foo(); //still undefined
这是不可能的,因为您无法从同步方法中的异步调用返回。
在这种情况下,您需要将回调传递给 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
});
问题是,如果内部函数调用是异步的,那么“包装”此调用的所有函数也必须是异步的,以便“返回”响应。
如果您有很多回调,您可能会考虑尝试一下并使用 promise library like Q。
从回调中返回值是没有意义的。相反,在回调中做你想做的“foo()”工作。
当事件发生时,浏览器或某些框架(如 Google 地理编码库)会调用异步回调。返回值无处可去。换句话说,回调函数可以返回一个值,但调用该函数的代码不会关注返回值。
如果您碰巧使用 jQuery,您可能想试一试:http://api.jquery.com/category/deferred-object/
它允许您推迟回调函数的执行,直到 ajax 请求(或任何异步操作)完成。这也可以用于在多个 ajax 请求全部完成后调用回调。