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

时间:2011-07-27 16:12:02

标签: javascript asynchronous callback javascript-objects

在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

3 个答案:

答案 0 :(得分:416)

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

在这种情况下,您需要将回调传递给将接收返回值的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

答案 1 :(得分:20)

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

当事件发生时,浏览器或某些框架(如Google地理编码库)会调用异步回调。没有返回值的地方。换句话说,回调函数可以返回一个值,但调用该函数的代码不会注意返回值。

答案 2 :(得分:15)

如果你碰巧使用jQuery,你可能想要试一试: http://api.jquery.com/category/deferred-object/

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