jquery - ajax フローのデバッグ

Question

私が作ったプログラムで本当に混乱しています。数日前は問題なく動作していましたが、現在は初期化に問題があります。問題の原因は基本的にプログラムの流れが乱れていることだと思いますが、その理由はわかりません。これをデバッグする方法を知っている人はいますか?

デバッグ コール スタック:

これ

       function init() {
            createKeyArray();
            createData();
                }
        ;

またはこれ（createKeyArray）

    function createKeyArray(){
         $.getJSON("reps.json", function(data) {
            $.each(data, function(key, val) {
                console.log(key);
                keyarray.push(key);
            });
        })
        .fail(function(){
        console.log("JSON extraction failed.");
        });

 };

この期間中、createKeyArrayこれは本当に混乱する場所であり、に移動し、それを.getJSON実行してから、私の関数に移動します（すべてをキー配列にプッシュする関数をcreateDataスキップします.$.each

次に実行し、関数の部分にcreateData戻り、それを実行してから、残りのプログラムの実行を終了します。.eachcreateArray

何が起こっているのか、それを解決する方法は非常に混乱しています。アドバイスをいただければ幸いです。