Question

I would like to find the easiest way to be sure about the scope of variables.

Seeing at next example (jsfiddle):

var foo = function() {
    var bar = function() {
        pub = "public";
        var pri = "private";

        alert(pub) // public
        alert(pri) // private
    };

    // alert(pub) // pub not defined
    bar();
    alert(pub) // public
    // alert(pri) // pri not defined
};

foo();
alert(pub) // public
// alert(pri) // pri not defined

Can I say that:

1.- All variable prefixed with var keyword will be visible inside its function and all their nested function?
2.- All variable without var keyword will be visible everywhere after (his function container) be executed?

Answer 1

1. That is true, unless they are shadowed by another inner definition of the same variable.
2. All variables without var will be global, unless they’ve already been defined by an outer scope.

Since people mentioned globals…

You shouldn’t use globals, always declare your variables with var to avoid confusion. If you must use them, scope them to a global namespace that is used for your code. This will help you avoid collisions with other code on the page.

var ns = {};
// Now use this anywhere in your code
ns.myGlobal = 49;