関数の変数のJS可視性

Question

私はJSONを使用しており、応答の要素の数を数えたいと思います。その結果、

$.getJSON("/api/getEvents", function(data) { 
     $.each(data, function(key, event) { 
      var count = 10; 
      $.getJSON("/api/getUsers", function(data) { 
       $.each(data, function(key, event) { 
        alert("Value: " + count); 
        count++; 
       }); 
      }); 
      alert("Count: " + count); 
     }); 
    }); 

、私が取得：

Value: 10 
Value: 11 
Value: 12 
... 
Count: 10 

なぜ= 10を数えますか？

Answer 1

これは、ajaxリクエストが非同期であるためです。 $.getJSONはリクエストを開始するだけですが、javascriptの実行はただちに続きます。あなたは、AJAXコールバックの内側にアラートを移動した場合、カウントを見ることができます：

$.getJSON("/api/getEvents", function(data) { 
    $.each(data, function(key, event) { 
     var count = 10; 
     $.getJSON("/api/getUsers", function(data) { 
      $.each(data, function(key, event) { 
       alert("Value: " + count); 
       count++; 
      }); 

      // I moved this here: 
      alert("Count: " + count); 
     }); 
     // It used to be here. 
    }); 
}); 

ですからvar count = 10設定した後、JavaScriptのパーサは、その後$.getJSONを実行したが、その後すぐにでおり、次の行に進み、あなたのコード例は "Count：10"を警告しました。その後、リクエストが終了するたびに、カウントをインクリメントするコールバックコードが実行され、Value行が警告されます。