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

javascript asynchronous javascript-objects callback

2022-08-29 23:00:24

这个问题在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

答案 1

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

在这种情况下，您需要将回调传递给 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这样的承诺库。

答案 2

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

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