CoffeeScript/JavaScriptの可変スコープ

Question

次のコードでは、オブジェクトの配列（たとえば、[{...},{...},{...}]）であると予想されるmarkers変数を使用します。しかしながら、インデントレベルに応じて、変数はempy配列（すなわち、[]）を示す。

jQuery -> 
    markers = [] 
    $.getJSON '/users.json', (data) -> 
    for obj in data 
     marker = {} 
     marker = 
     lastname: namify(obj.name) 
     address: obj.address 
     markers.push(marker) 
    console.log("3rd level", markers) # It shows the array I want. 
    console.log("2nd level", markers) # "markers" shows an empty array. 

マイ期待 - 第2レベルに移入配列。 結果 - 第2レベルの空の配列。

第2レベルのときに、第3レベルのようにアレイを取得するにはどうすればよいですか。

Answer 1

あなたの配列はコールバック関数内に配置されています。したがって、結果を印刷した後に値が設定されます。問題はスコープに関するものではなく、実行の順序に関するものです。

あなたが同期要求を行った場合、あなたが期待するものが表示されるはずです。グローバルと機能：ECMAScriptので

jQuery -> 
    markers = [] 
    $.ajax 
    url: '/users.json' 
    dataType: 'json' 
    async: false 
    success: (data) -> 
     for obj in data 
     marker = {} 
     marker = 
      lastname: namify(obj.name) 
      address: obj.address 
     markers.push(marker) 
    console.log("3rd level", markers) 
    console.log("2nd level", markers)