从无极

Question

我想打电话给使用无极这样的谷歌地图地理编码API返回的值：

function makeGeoCodingRequest(address,bounds) 
{ 
    /* 
     Input parameters: 
      address:a string 
      bounds: an object of class google.maps.LatLngBounds(southWest,northEast) 

     This will return a set of locations from the google geocoding library for the given query 
    */ 
    var url="https://maps.googleapis.com/maps/api/geocode/json?address=" + address + "&key=AIzaSyD9GBloPC20X-1kWRo7sm_0z5xvCiaSd3c"; 
    var promise,response; 
    var messages={ 
      "ZERO_RESULTS":"No results were found", 
      "OVER_QUERY_LIMIT":"We are over the query limit.Wait awhile before making a request", 
      "REQUEST_DENIED":"Request was denied,probably using a bad or expired API Key", 
      "INVALID_REQUEST":"Request was sent without the required address,component or component", 
      "UNKNOWN_ERROR": "There was an error somewhere on Google's servers" 
    }; 
    if(address) 
     promise=Q($.ajax({ 
      type: "GET", 
      url: "https://maps.googleapis.com/maps/api/geocode/json?address=" + address + "&key=API_KEY" 
     })); 
     return promise.then(function(data) { 
      if (data.status === "OK") return data; 
      else console.error(messages[data.status]); 
      return null;  
     }); 
} 

当我调用该函数makeGeoCodingRequest要求，我发现我得到一个承诺，而不是值：

var geo=makeGeoCodingRequest(address); 
console.log(Q.isPromise(geo));//returns true 

为什么在返回值之前未执行promise.then？我如何从这个承诺中获得价值而不是另一个承诺？

Answer 1

如果您依赖承诺来返回您的数据，则必须从您的函数中返回一个承诺。

一旦你的callstack中的1个函数是异步的，所有想要调用它的函数都必须是异步的，如果你想继续线性执行的话。 （异步=返回承诺）

请注意，您的if语句没有大括号，因此只有条件失败时不会执行的第一条语句。

我在这个例子中修复了它。请注意我添加的评论。

if(address){ 
    promise=Q($.ajax({ 
     type: "GET", 
     url: "https://maps.googleapis.com/maps/api/geocode/json?address=" + address + "&key=API_KEY" 
    })); 
    return promise.then(function(data) { 
     // whatever you return here will also become the resolve value of the promise returned by makeGeoCodingRequest 
     // If you don't want to validate the data, you can in fact just return the promise variable directly 
     // you probably want to return a rejected promise here if status is not what you expected 
     if (data.status === "OK") return data; 
      else console.error(messages[data.status]); 
     return null;  
    }); 
} 

您必须通过以下方式致电makeGeoCodingRequest。

makeGeoCodingRequest(address,bounds).then(function(data){ 
    // this will contain whatever 
    console.log(data); 
}); 

Answer 2

如果您希望代码在继续之前等待异步操作完成（BAD IDEA - 页面在请求完成时冻结），则将async: false添加到ajax请求的参数中。

但是，我的建议是让makeGeoCodingRequest直接返回任何东西 - 并简单地给它一个额外的参数requestCallback，这样它的调用者可以传入一个函数，当数据可用时它将被调用。调用该函数，并将结果数据放入您的promise.then函数中。

Answer 3

您正在从函数makeGeoCodingRequest返回一个承诺。根据我的说法，这是一件好事，如果将来需要，这可以帮助您链接更多的异步电话。我会建议在返回的承诺上使用.then（），并检查承诺是否有以下方式返回的值或错误。

var geoPromise = makeGeoCodingRequest(address); 
geoPromise.then(
    onSuccess(result){ 
     // You can use the result that was passed from the function here.. 
    }, 
    onFailure(response){ 
     // Handle the error returned by the function. 
    } 
); 

Answer 4

我发现我得到一个承诺，而不是一个值

是的，这是因为操作是异步的，并返回它代表了未来价值的承诺。

为什么在返回值之前未执行promise.then？

因为它是异步的。 .then（must）在它返回另一个承诺之前从不执行其回调。

我该如何从这个承诺中获得一个价值而不是另一个承诺？

您在回调所获得的价值：

makeGeoCodingRequest(address).then(function(geo) { 
    console.log(geo) 
    console.log(Q.isPromise(geo)); // false 
    // do anything with the value here 
}) 
// if you need to do anything with the result of the callback computation: 
// you're getting back another promise for that! 

这是不可能从承诺（many have tried）同步获取。这意味着阻止执行，我们不希望 - 让我们保持异步和非阻塞！