javascript - 如何从异步回调函数返回值?

标签 javascript asynchronous callback javascript-objects

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

最佳答案

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

在这种情况下,您需要向 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 .

关于javascript - 如何从异步回调函数返回值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6847697/

相关文章:

javascript - 在 Electron 应用程序中为 TypeScript 编译器选择哪个 ECMAScript 版本?

javascript - Angular2如何删除ngFor中的元素

javascript - nodejs/快速测试

javascript - return true 实际上使用 async 返回 undefined

javascript - 数组类型错误

javascript - iPad 上的 HTML5 视频元素不会触发 onclick?

wcf - 如何应用任务异步模式和 WCF 的 ChannelFactory<TChannel>?

JavaScript 回调返回值

javascript - AngularJS - ngRoute - View 加载完成后的回调

android - Spotify 登录错误 INVALID_CLIENT : Invalid redirect URI android