Calling a Function defined inside another function in Javascript

Question

I am calling a function on button click like this:

<input type="button" onclick="outer();" value="ACTION">​  function outer() {      alert("hi");        } 

It works fine and I get an alert:

Now when I do like this:

function outer() {      function inner() {         alert("hi");     } } 

Why don't I get an alert?

Though inner function has a scope available in outer function.

Answer 1

You could make it into a module and expose your inner function by returning it in an Object.

function outer() {      function inner() {         console.log("hi");     }     return {         inner: inner     }; } var foo = outer(); foo.inner();