JavaScript 函数默认参数值

Question

我正在尝试为函数参数设置默认值，这将向我的服务器查询初始值。

最终目标是我将能够单击我创建的列表项之一来检索并创建新列表。

<script type="text/javascript">
        $(function getJobs(jobid=0) {
            {#jobid = 0;#}
            console.log("jobid: " + jobid);
            let query = {id: jobid};
            console.log(query);
            $.getJSON("{% url 'website:get-jobs' %}", query, function (data) {
                console.log("getjson");
                $.each(data, function (key, value) {
                    console.log(key + " - " + value);
                    $('#jobs-list').append("<li id='" + key + "'" + "href='#'" + "onclick=getJobs(key)" + ">" + value + "</li>");
                });
            });

        })
</script>

如果我手动将 jobid 设置为 0(在上面的代码中注释掉)，一切都会正常工作。如果我尝试在函数参数列表中设置它，我会在 console.log 中看到以下内容: jobid: function(e,t){return new w.fn.init(e,t)}

Answer 1

当 jQuery 调用 $(function(x) { ... }) 的回调时，参数是 jQuery 对象本身，因此永远不需要默认值

所以，你会想要这样做

$(function() {
    function getJobs(jobid = 0) {
        console.log("jobid: " + jobid);
        let query = {id: jobid};
        console.log(query);
        $.getJSON("{% url 'website:get-jobs' %}", query, function (data) {
            console.log("getjson");
            $.each(data, function (key, value) {
                console.log(key + " - " + value);
                $('#jobs-list').append("<li id='" + key + "'" + "href='#'" + "onclick=getJobs(key)" + ">" + value + "</li>");
            });
        });
    }
    getJobs();
});

或者，使用原始代码，您当然可以测试 typeof jobid 是函数的情况，并将其设置为 0相反...即

$(function getJobs(jobid) {
    if (typeof jobid === 'function') {
        jobid = 0;
    }
    console.log("jobid: " + jobid);
    let query = {id: jobid};
    console.log(query);
    $.getJSON("{% url 'website:get-jobs' %}", query, function (data) {
        console.log("getjson");
        $.each(data, function (key, value) {
            console.log(key + " - " + value);
            $('#jobs-list').append("<li id='" + key + "'" + "href='#'" + "onclick=getJobs(key)" + ">" + value + "</li>");
        });
    });
});