3

假设我有这个异步功能：

function fooAsync(){
  callSomeApi(some_args, callbackFunction(results){
    return results; //i want to return the results here after the api call.
  }
}

我正在寻找一种将 prev 函数的返回值分配给 var 的方法，并且只有当我有这个值时才继续使用代码。 

//some code here
var foo = fooAsync();
//some code here after getting back from the async function.

问题是 foo 将是未定义的，因为 javascript 将在内部异步 api 调用完成之前返回。我知道我可以为此使用回调，但我正在寻找一种方法来“锁定”异步函数并仅在它得到结果时恢复。这样我就不必在异步调用之后将所有代码作为回调传递。

简而言之 - 我如何以常规同步方式从异步 ajax 调用（在我的情况下我调用 google maps api）返回值？

4

1 回答 1

4

通常，使 ajax 调用同步是一个坏主意。您可以设置 XMLHttpRequest 对象上的一个属性（jQuery 允许您轻松执行此操作）以发出同步 ajax 请求。我不确定谷歌地图 API 是否公开了此功能，但您应该先检查那里。

我知道你说过你不想使用回调，但除了做这样的事情：

while(foo === undefined){
  sleep(5) //pseudo code sleep method
}

确实没有任何方法可以锁定当前的执行上下文。

同样使用您提供的代码，该方法将永远不会返回未定义以外的任何内容。您正在调用 api 方法（异步执行）并立即返回控制权。api 方法调用的响应处理程序内部的“return”语句只会在匿名函数内部返回。因此，即使您能够锁定线程直到结果返回，您也不会拥有它们。

但是，如果您有兴趣以正确的方式进行此操作，那么您应该使用 jQuery 提供的延迟/承诺模型。

function fooAsync(){
  var deferred = $.Deferred();
  callSomeApi(some_args, callbackFunction(results){
    deferred.resolve(results) //i want to return the results here after the api call.
  }
  return deferred.promise();
}

然后你会改变你的调用代码是这样的：

//some code here
$.when(fooAsync()).then(function(results){
    //use the results
});
//some code here after getting back from the async function.

jQuery 延迟对象文档

于 2012-07-20T19:37:38.860 回答