jquery function 内 function

Question

Is it possible to have a function within another function like so?

function foo() {

    // do something

    function bar() {

        // do something

    }

    bar();

}

foo();

Answer 1

Yes you can have it like that. bar won't be visible to anyone outside foo .

And you can call bar inside foo as:

function foo() {

    // do something

    function bar() {

        // do something

    }
    bar();

}

Answer 2

Yes, you can.
Or you can do this,

function foo(){

    (function(){

        //do something here

    })()

}

Or this,

function foo(){

    var bar=function(){

        //do something here

    }

}

Or you want the function "bar" to be universal,

function foo(){

    window.bar=function(){

        //something here

    }

}

Hop this helps you.

Answer 3

That's called a nested function in Javascript. The inner function is private to the outer function, and also forms a closure. More details are available here .

Be particularly careful of variable name collisions, however. A variable in the outer function is visible to the inner function, but not vice versa.