從無極

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）同步獲取。這意味着阻止執行，我們不希望 - 讓我們保持異步和非阻塞！