如何從 JavaScript 中的非同步回呼函數傳回值？

非同步回呼函數的回傳值

在程式設計中，常會遇到需要將非同步回調所取得的資料傳遞給後續操作。本問題探討如何從此類回呼傳回值，解決所提供的程式碼片段中的特定問題。

程式碼範例嘗試從回呼函數傳回地理編碼請求的結果。但是，傳回值仍然未定義。這是因為回調是在函數傳回後異步執行的。

非同步執行與同步回傳

在 JavaScript 中，問題在於非同步執行的本質。回調函數（如範例中使用的函數）會在資料可用時執行，可能比原始函數呼叫晚得多。這表示回呼函數中的任何 return 語句都不會影響原始函數的回傳值。

為非同步資料傳遞回呼

有效處理非同步資料檢索，常見的做法是將回呼函數傳遞給非同步函數。當資料可用時，將呼叫此回呼函數，並可用於處理返回值。

在程式碼片段中，可以修改foo 函數以接受回呼函數：

function foo(address, callback) {
  geocoder.geocode({ 'address': address }, function(results, status) {
    callback(results[0].geometry.location);
  });
}

現在，可以調整foo 的用法，透過回呼接收回傳值：

foo("address", function(location) {
  alert(location); // This is where you get the return value
});

這種方法確保透過回呼接收回傳值檢索非同步資料時的回呼。

替代方案和 Promise 庫

對於涉及多個回調的更複雜場景，請考慮使用像 Q 這樣的 Promise 庫。這些程式庫提供管理非同步操作並更有效地檢索結果的機制。

以上是如何從 JavaScript 中的非同步回呼函數傳回值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！