Javascript function not defined, possible namespace issue?

Question

And I don't understand why. I'm suspecting it is a namespace issue but the function and its calls are defined within the same doc ready function.

When I try to call the function in the console I get calcPCs is not defined

$(document).ready(function() {
    function calcPCs(id) {

        var si = $(id).find(".Screened-In").text();
        var so = $(id).find(".Screened-Out").text();

        var ref = $(id).find(".Referred").text();
        var ret = $(id).find(".Retained").text();

        $(id).find(".Screened-In").append(' (' + Math.floor((+si / (+si + +so)) * 100) + '%)');
        $(id).find(".Screened-Out").append(' (' + Math.floor((+so / (+si + +so)) * 100) + '%)');

        $(id).find(".Referred").append(' (' + Math.floor((+ref / (+ref + +ret)) * 100) + '%)');
        $(id).find(".Retained").append(' (' + Math.floor((+ret / (+ref + +ret)) * 100) + '%)');
    };            

    calcPCs("#northwest");
    calcPCs("#northeast");
    calcPCs("#west");
    calcPCs("#east");
    calcPCs("#central");
    calcPCs("#gtr");
});

Sorry was just editing my post to include. 'calcPCs is not defined' — user1765369, Mar 27 '18 at 15:17
Including the stack trace would help, as the error doesn't seem to be in the code you've provided. You must be trying to use `calcPCs` somewhere else. — Carcigenicate, Mar 27 '18 at 15:18
It might be undefined in functions you call outside the document.ready. I would not have a function inside it myself since it will not be available outside the ready — mplungjan, Mar 27 '18 at 15:19
This is a scoping issue. There are many duplicates to this question. — zzzzBov, Mar 27 '18 at 15:20

score 1 · Accepted Answer · answered Mar 27 '18 at 15:21

1

You can't call calcPCs from the console. Any code you type in the console is executed in the global namespace, but calcPCs was defined inside the anonymous function you passed to .ready(), and thus counts as a local variable of that function. Local variables are not available from outside the function body.

answered Mar 27 '18 at 15:21

Máté Safranka

4,081
1
10
22

2

An additional note. You *can* execute the method from the console, provided you set a break point inside the scope where the method is available. Once the breakpoint is hit, and while it is paused, you can run the method from the console. – Taplar Mar 27 '18 at 15:23

Javascript function not defined, possible namespace issue?

1 Answers1