ChatGPT解决这个技术问题 Extra ChatGPT

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

这个问题在这里已经有了答案:如何从异步调用返回响应? (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
到过这里的任何人please read this question first。它解释了如何有效地解决这个问题。
Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference 还提供了对当前问题的更一般、更详细的解释。
使用 Q 或其任何变体,例如 angularJs 附带的 $q 库。永不回头。异步函数立即返回未定义。所以永远不要浪费时间尝试在未定义的情况下做事。也不要像往常一样在异步函数中使用“return”关键字。改用延迟承诺。 deferred.resolve(STUFF you want to do) ,然后你可以简单地返回那个,'return deferred.promise; '。 :)
像这样使用异步 stackoverflow.com/a/47051880/2083877

S
Sean Kinsey

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

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


:) 它并不强大,它就是这样。一旦你使用异步方法来传递数据,整个函数链就会变成异步的。
赞成最终使这有意义。
“你不能在同步方法中使用异步调用。” - 是的你可以。您只是不能在同一个同步方法中使用异步调用的结果。
@Sean Kinsey,你能告诉我如何在 foo() 函数之外访问位置变量吗?
我们很清楚,这不会让您以 PHP 返回它的方式“返回”该变量的值。我们基本上是将一个回调函数的结果传递给另一个回调函数。仍然没有外部 var 实际持有结果......
P
Pointy

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

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


是的,尝试从 Promise 回调中返回一个值是很有趣的。不幸的是,这是不可能的。例如,您可能正在制作一个类来从网站上抓取复杂的数据,并且需要通过 http 请求检索一些数据。使用 fetch,您将永远无法使此类返回包含所有数据的复杂对象(仅使用祝福和弃用的 xmlhttprequest)。使用 fetch,您的类将需要混合不同的关注点并将结果从回调内部写入数据库或其他持久化方法,根据 Promise 答案流。
A
Alex Heyd

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

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