Javascript function & nested functions

Question

Purpose: I need to call sub function within main one;

Function declaration:

var MainFunction = function () {

   function NestedFunc1(){
       console.warn("NestedFunc1");
   };

   function NestedFunc2(){
       console.warn("NestedFunc2");
   }; 
}

Functions call:

MainFunction.NestedFunc1();

MainFunction.NestedFunc2();

What am I doing wrong?

10x;

What am I doing wrong? Pretty much everything, You're fundamentally confused about the difference between a nested function and an object property. I need to call sub function within main one. But that's not what you're then doing; you're trying to invoke a property on the main function. By the way, do you intend for MainFunction to do something itself, or just be a sort of container? PS. Functions don't end in semi-colons; if you put one there, it just creates an empty statement; — user663031
– user663031, Commented Feb 3, 2016 at 16:45

gurvinder372 · Accepted Answer · 2016-02-03 11:02:17Z

1

you can make it public via a property then

function MainFunction  () {

   this.nestedFunc1 = function(){
       console.warn("NestedFunc1");
   };

   this.nestedFunc2 = function(){
       console.warn("NestedFunc2");
   };

}

now you can invoke this function outside by doing

var malObj = new MainFunction();
malObj.nestedFunc1();

However, if you want to still invoke it like MainFunction.NestedFunc1() then make it

var MainFunction = {

   NestedFunc1:function (){
       console.warn("NestedFunc1");
   },

   NestedFunc2:function (){
       console.warn("NestedFunc2");
   } 
}

edited Feb 3, 2016 at 11:02

answered Feb 3, 2016 at 10:53

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jestermax · Accepted Answer · 2016-02-03 16:51:05Z

1

The issue is that both of those functions are isolated within a function scope. Think of them as private functions.

One (of many) solutions could be to define MainFunction as a plain ol' object that has some functions as attributes:

var MainFunction = {
   NestedFunction1: function () { .. },
   NestedFunction2: function () { .. }
};

Notice that a comma is needed to separate the functions because of the way we are defining them. You then just call

MainFunction.NestedFunction1();

Also note that this pattern is fine as long as you don't wish to have other "private" functions inside that object.

answered Feb 3, 2016 at 16:51

jestermax

211 silver badge2 bronze badges

Collectives™ on Stack Overflow

Javascript function & nested functions

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related