I'm trying to call a function inside a function outside the main one:

var myFunction = function myFunct(element) {
   function tryIt(){
          alert("hello");
   };
   return{
     tryIt: tryIt
  }
}

And I'm try to call "tryIt" function outside myFunct with

myFunction.tryIt

But it doesnt work.

how can I do this?

I'm trying to call a function inside a function outside the main one:

var myFunction = function myFunct(element) {
   function tryIt(){
          alert("hello");
   };
   return{
     tryIt: tryIt
  }
}

And I'm try to call "tryIt" function outside myFunct with

myFunction.tryIt

But it doesnt work.

how can I do this?

• javascript
• jquery

• 3 You should learn javascript properly. read more about design patterns. Also this is a good read. – vsync Commented Apr 6, 2017 at 9:16

2 Answers 2

First, you need is to call the function and then call the function of the returned object of the property tryIt.

var myFunction = function myFunct(element) {
        function tryIt(){
            alert("hello");
        }
        return {
            tryIt: tryIt
        };
    };

myFunction().tryIt();
//        ^^            calls myFunction
// ^^^^^^^^^            returns object with function tryIt
//                ^^    calls tryIt

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