JavaScript関数が配列にデータを入力しないのはなぜですか？

Question

次のコードブロックが正常配列値（1号130879253000、34756）コードの次のセクションで

function getCsv(file_name){ 
     var array_holder = []; 
     $.get(file_name, function(csv, state, xhr) { 

      // inconsistency 
      if (typeof csv != 'string') { 
       csv = xhr.responseText; 
      } 

      // parse the CSV trades 
      var header, comment = /^#/, x; 

      $.each(csv.split('\n'), function(i, line){ 
       if (!comment.test(line)) { 
        if (!header) { 
         header = line; 
        } 
        else { 
         var point = line.split(';'), 
          date = point[0].split('-'), 
          time = point[1].split(':'); 

         if (point.length > 1) { 
          x = Date.UTC(date[2], date[1] - 1, date[0], time[2], time[1], time[0]); 

          array_holder.push([ 
           x, // time 
           parseFloat(point[2]) // close 
          ]); 
         } 
        } 
       } 

      }); // each 
      alert('No. 1' + array_holder[0]); 
     }); 
     return array_holder; 
    } 

を返し、IはgetCsvをコールしようとしているが、私は2番

を未定義取得します

$(function() { 

     var trades = getCsv('trades.csv'); 
     var spreads = getCsv('spreads.csv'); 
     alert('No. 2' + trades[0]); 
} 

なぜ配列が生成されないのですか？実際のコードでは、上記の2つの関数が、ここにリストされている順序で互いに隣り合っています。したがって、ファイルは正しく読み込まれています。つまり、array_holderがスコープから外れてガベージコレクションが行われたようです。

Answer 1

これは、非同期性が$.get()であるためです。警告を出した時点で、AJAXリクエストは必ずしも実行されていません。

「No.1」アラートが発生したリクエストの成功コールバックでアラートを行います。

Answer 2

$.get()は非同期です。だから、2番目の引数として書いている関数は、ファイルがロードされるまで呼び出されず、次にsucces関数が実行される前にgetCsv関数のreturnに達しているので、配列は空です。
How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?