如何从异步回调函数返回值?[复制]

How to return value from an asynchronous callback function? [duplicate]

提问人:Gowri 提问时间:7/28/2011 最后编辑:maurisGowri 更新时间:7/11/2016 访问量:493924

问:

这个问题在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
异步 回调 javascript-objects

评论

21赞 Benjamin Gruenbaum 8/4/2014
任何来到这里的人,请先阅读这个问题。它解释了如何有效地解决这个问题。
0赞 Qantas 94 Heavy 2/8/2015
为什么在函数内部修改变量后变量保持不变? - 异步代码参考还对手头的问题提供了更一般、更详细的解释。
1赞 ISONecroMAn 8/13/2016
使用 Q 或它的任何变体,例如 angularJs 附带$q库。永不回头。异步函数会立即返回 undefined。所以永远不要浪费你的时间尝试在未定义的事情上做一些事情。也不要像往常一样在异步函数中使用 'return' 关键字。请改用延迟承诺。deferred.resolve(STUFF you want to do) ,那么稍后你可以简单地返回 ,'return deferred.promise;'.:)
0赞 Sunil Kumar 9/8/2021
像这样使用 deasync stackoverflow.com/a/47051880/2083877

答:

34赞 Pointy 7/28/2011 #1

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

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

评论

1赞 César Rodriguez 4/27/2022
是的,尝试从 promise 回调返回值是很有趣的。不幸的是,这是不可能的。例如,您可能正在制作一个类来从网站抓取复杂数据,并且需要通过 http 请求检索某些数据。使用 fetch,您将永远无法使此类返回包含所有数据的复杂对象(仅使用祝福和弃用的 xmlhttprequest)。使用 fetch 时,您的类需要混合不同的关注点,并根据 promise 答案流将结果从回调内部写入数据库或其他持久化方法。
556赞 Sean Kinsey 7/28/2011 #2

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

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

评论

4赞 Sean Kinsey 7/28/2011
:)它并不强大,它就是这样。一旦使用异步方法传递数据,整个函数链就会变为异步。
2赞 Steven Matthews 2/14/2015
为最终使这变得有意义而投票。
6赞 nnnnnn 7/8/2016
“不能在同步方法中使用异步调用。”- 是的, 你可以的。您不能在同一同步方法中使用异步调用的结果。
4赞 Yasin Patel 8/29/2016
@Sean Kinsey,你能告诉我如何在foo()函数之外访问位置变量吗?
1赞 Robert Sinclair 6/27/2018
为了清楚起见,这不会让你以 PHP 返回它的方式“返回”该变量的值。我们基本上是将一个回调函数的结果传递给另一个回调函数。仍然没有外部 var 真正掌握结果......
16赞 Alex Heyd 7/28/2011 #3

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

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