javascript - 初めて関数を呼び出すと期待どおりに機能しませんが、次回は機能します

Question

ここに私のコードがあります:

treksID=[];
recommendedTrekId=2;

$(document).ready(function(){
    showTrek('random');
    showTrek(recommendedTrekId);
});

function showTrek(filter){
    if (filter=="random"){
        param={action:'getShortTrek'};
        tagId="#random";
        index=1;
    }
    else {
        param={action:'getShortTrek', Trek_Id:filter};
        tagId="#recommend";
        index=0;
    }
    $.getJSON('php/treks.php',
        param,
        function(data){
            $(tagId).find('h3').html(data[0].Trek_Name);//PROBLEM
            treksID[index]=data[0].Trek_Id;//PROBLEM
            if (filter=='random') {alert('debug'); test=data;}//DEBUG
        }
    );
}   

最初showTrekに呼び出されたときはすべてが期待どおりに実行されますが、問題のある 2 行 (//PROBLEM タグでマークされている) は 2 回目では機能しません。その後showTrek('random');、ブラウザコンソールで呼び出すと、機能します。奇妙なのは、データに正しいオブジェクトが含まれていることです (表示テストで確認)。

プログラミングがそれを行うとき、私は少し頭がおかしいと感じています。誰か私の問題を見ることができますか?