函数内部的变量在jquery中不可用,但在没有该函数的情况下可用

我对Javascript很新,但我真的对这个函数的行为感到困惑:

$('#get_file').on('click', function(event) {
    var start_date = $("#table_date_start").val(),
        end_date = $("#table_date_end").val(),
        href = apiUrl.concat(
                'download_pdf',
                '?start_date=' + start_date,
                '&end_date=' + end_date,
                '&order=', order[1],
                '&order_type=', order[0]
            );
    e.target.href = href;
});

变量start_date,end_date和href在函数内部不可用,但在外部可用.怎么回事？请有人,请给我一个提示,为什么会发生这种情况？

您在同一行中声明所有3个变量,因此在整行完成之前不会创建它们.在声明第三个变量之前结束声明前两个变量的行.

var start_date = $("#table_date_start").val();
var end_date = $("#table_date_end").val();