关于javascript:如何从异步回调函数返回值?

How to return value from an asynchronous callback function?

本问题已经有最佳答案,请猛点这里访问。

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

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

1
2
3
4
5
6
7
8
9
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

如果我试图返回的值只是得到"未定义"。我从某某那里得到了一些想法,但是还是失败了。

那些是:

1
2
3
4
5
6
7
8
function foo(address){
    var returnvalue;    
    geocoder.geocode( { 'address': address}, function(results, status) {
        returnvalue = results[0].geometry.location;
    })
    return returnvalue;
}
foo(); //still undefined


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

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

1
2
3
4
5
6
7
8
9
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这样的承诺库。


从回调返回值是没有意义的。相反,在回调中执行您想要执行的"foo()"工作。

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


如果您碰巧使用jquery,您可能希望对此进行一次尝试:http://api.jquery.com/category/deferred-object/

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