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

IT技术 javascript asynchronous callback javascript-objects
2020-12-27 23:42:12

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

我想从回调中获得一些value。请查看下面的脚本以进行澄清。

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个回答

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

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

:) 它不强，它就是这样。一旦您使用异步方法传递数据，整个函数链就会变得异步。
2021-02-11 23:42:12
赞成最终使这有意义。
2021-02-12 23:42:12
@Sean Kinsey，你能告诉我如何在 foo() 函数之外访问位置变量吗？
2021-02-15 23:42:12
我们很清楚，这不会让您以 PHP 返回的方式“返回”该变量的值。我们基本上是将一个回调函数的结果传递给另一个回调函数。仍然没有实际保存结果的外部变量......
2021-02-18 23:42:12
“您不能在同步方法中使用异步调用。” - 是的你可以。您不能在同一个同步方法中使用异步调用的结果。
2021-02-24 23:42:12

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

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

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

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

其它你可能感兴趣的问题
上一篇JSON 和 Object Literal Notation 有什么区别？ 下一篇在 HTML5 localStorage 中存储对象