次のコードでローカル変数 'head'の値をどのように取得できますか？

Question

function call(){ 

    var th; 
    var head; 
    $('#coToolTable').on('click', '.edit',function() { 
    th = $('#coToolTable th').eq($(this).index()); 

    head=th.text(); 
    alert("head="+head); 

    }); 

    var values1 = $('table tr td :checkbox:checked').map(function() { 
    return $(this).closest('tr').find('td:first').text() 

    }).get(); 

    alert("values="+values1+"head="+head); 
    check(values1,head); 
} 

alert("head="+head);を実行すると、テーブルヘッダーが出力されますが、次の警告ボックスalert("values="+values1+"head="+head);にはhead=undefinedと表示されます。どうして？

Answer 1

#coToolTableをクリックすると、それ以前ではなく、headに値が割り当てられます。 2番目のアラートは、call()を実行するとすぐに実行されます。これは、クリックイベントハンドラが実行されてからheadに値が割り当てられる前に実行されます。したがって、その2番目のアラートが実行されると、headという値が宣言された時点で表示されます（undefined）。