JavaScript function default parameter value

Question

I'm trying to set a default value for a function parameter, that will query my server for an initial value.

The end goal is i will be able to click on one of the list items I create to retrieve and create a new list.

<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>

If I manually set jobid to 0(commented out in the code above) everything works perfectly. If i try to set it in the function parameter list i get this in my console.log: jobid: function(e,t){return new w.fn.init(e,t)}

Answer 1

When jQuery calls the callback to $(function(x) { ... }), the argument is the jQuery object itself, therefore having a default value is never going to be needed

so, you'll want to do this instead

$(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();
});

alternatively, using your original code, you could of course test for the case where typeof jobid is a function, and set it to 0 instead ... i.e.

$(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>");
        });
    });
});