JavaScript関数Iは、JavaScriptの関数を定義している

Question

いくつかの値を返します

function a() 

{ 
    var data = 'some data'; 
    $.getJSON(networkController,data,function(r) { 
      $.each(r, function(a) 
      { 
       alert(r[a].networkAccessToken); 
     }); 
    }); 
} 

それが正常に動作しますが、私のようにそれを行うと：

function a() 

{ 
    var data = 'some data'; 
    $.getJSON(networkController,data,function(r) { 
      $.each(r, function(a) 
      { 
       return r[a].networkAccessToken; 
     }); 
    }); 
} 
var c = a(); 
alert(c); 

アラートが定義されていない.....

Answer 1

あなたのAJAXコールがノンブロッキングであることを認識することが重要です。これは、サーバからの応答がになる前にを返したことを意味します。これを処理する最も一般的な方法はcallbackを使用することです

（！最初の「A」は「非同期」の略）：

function a(callback) { 
    var data = 'some data'; 
    $.getJSON(networkController,data,function(r) { 
     $.each(r, function(a) { 
      callback(r[a].networkAccessToken); 
     }); 
    }); 
} 

a(function(c) { 
    alert(c); 
}); 

Answer 2

次の2つの問題を抱えています。

まず、非同期JavaScriptとXMLは非同期です。 $.getJSONに電話すると、HTTPリクエストが送信され、データが戻ったときに実行する機能が登録されます。それはそれを待つ間、既存の関数を実行して1つを取得します。あなたが効果的のような何かやろうとしている

：

function a() { 
    $('button').click(function() { return 1; }); 
} 
foo = a(); // Would you expect this to be `1` and not `undefined`? 

第二には、each各値の関数を呼び出します。 eachに渡す関数は、eachではなく、getJSONまたはaと呼ばれます。その戻り値は、ループを継続するかどうかのみを決定します。

eachに渡す機能でを実行する必要があります。呼び出し元のチェーンにデータを渡すことはできません。あなたが戻ってきたものはもはや存在しません。