非同期コールバック関数から値を返す方法は？

Question

この質問は何度も尋ねられます。しかし、まだ私はものを得ることができません。

私はコールバックからいくつかの価値を得たいと思っています。明確にするために、下のスクリプトを見てください。

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 

Answer 1

同期メソッド内で非同期呼び出しから戻ることはできません。これは不可能です。あなたは戻り値

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 
}); 

を受け取ることになりますfooへのコールバックを渡す必要があり、この場合には

事インナー関数呼び出しが非同期である場合、すべての機能「ラッピング」この呼び出しが必要ですまた、レスポンスを返すためには非同期である必要があります。

コールバックが多い場合は、飛び込みを考えてpromise library like Qを使用することを検討してください。

Answer 2

それはコールバックから値を返すためにも意味がありません。代わりに、あなたのコールバックの中でしたい "foo（）"仕事をしてください。

非同期コールバックは、イベントが発生したときにブラウザまたはGoogleジオコーディングライブラリのようなフレームワークによって呼び出されます。返される値の場所はありません。コールバック関数はの値を返しますが、関数を呼び出すコードでは戻り値には注意しません。

Answer 3

あなたはjQueryのを使用することが起こる場合は、あなたがこれに打撃与えたいと思うかもしれません： http://api.jquery.com/category/deferred-object/

それは、AJAXリクエスト（または任意の非同期操作）が完了するまで、あなたのコールバック関数の実行を延期することを可能にします。これは、いくつかのAjaxリクエストがすべて完了したらコールバックを呼び出すためにも使用できます。