Variable with functions in variable

Question

I am having a question about javascript. To get my code organized I have the functions gathered in one variable like this.

var helper = new function(){
    this.writeProp = function(){
       //write the property
    }
    this.getProp = function(){
       //get property
    }
    this.updateProp = function(){
       //get property
    }
}

So far the code is working but and I can call it with helper.getProp() Now the amount of functions are getting bigger so I want to call the functions like this helper.prop.get() How can I accomplish this?

My thought was the following but it's not working.

var helper = new function(){
    var prop = new function(){
       this.write = function(){
           //write the property
        }
        this.getProp = function(){
           //get property
        }
        this.updateProp = function(){
           //get property
        }
    }
}

What would be the right way to do it? Or should I not try to organize my code this way?

return prop after all. You'll get every function in prop. As prop is private variable inside your function and you can not access private variable from your function. — Kaushik
– Kaushik, Commented Dec 7, 2015 at 13:34
I'm sorry could you post a codesample. I cannot understand it from the sentense. Thank you :) — Silve2611
– Silve2611, Commented Dec 7, 2015 at 13:35
Is there a reason you use new function instead of simply { ... }? — Yoshi
– Yoshi, Commented Dec 7, 2015 at 13:40
If what you have there is a singleton object, then yes, there is absolutely no reason to use new function. See: Joachim Pileborg's answer. — Yoshi
– Yoshi, Commented Dec 7, 2015 at 13:42

Some programmer dude · Accepted Answer · 2015-12-07 13:42:18Z

2

I don't see why helper or helper.prop should be functions. Why not objects, like

var helper = {
    prop: {
        write: function() { ... },
        ...
    }
};

answered Dec 7, 2015 at 13:42

Some programmer dude

411k36 gold badges420 silver badges655 bronze badges

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

Comments

David Vega · Accepted Answer · 2015-12-07 13:37:48Z

You can simply declare prop as a property of your function.

var helper = new function(){
    this.prop = new function(){
       this.write = function(){
           //write the property
        }
        this.getProp = function(){
           //get property
        }
        this.updateProp = function(){
           //get property
        }
    }
};

Try this snippet:

var helper = new function(){
    this.prop = new function(){
       this.write = function(){
           //write the property
        }
        this.getProp = function(){
           //get property
          alert("this.getProp");
        }
        this.updateProp = function(){
           //get property
        }
    }
};

helper.prop.getProp();

koninos · Accepted Answer · 2015-12-07 13:36:49Z

1

Every function in JS returns undefined unless you explicitly return something else, in this case you should return the prop to keep the chaining.

answered Dec 7, 2015 at 13:36

koninos

5,4275 gold badges33 silver badges50 bronze badges

Comments

Kaushik · Accepted Answer · 2015-12-07 13:40:39Z

1

Try like this ..

/*************************************************************/
// Modular approach to write javascript.
/*************************************************************/


var foo = (function () {
    var publicAPI = {
        bar: function () {
            publicAPI.baz();
        },
        baz: function () {
            console.log("Baz");
        }
    };

    return publicAPI;

})();

foo.bar();

One More approach you can follow is like this.

var outerObj = {};
(function(test) {
  'use strict';
  test.sayHello = function(name) {
    return 'Hi ' + name;
  }
})(outerObj);

alert(outerObj.sayHello('Kaushik'));

answered Dec 7, 2015 at 13:40

Kaushik

2,0901 gold badge24 silver badges32 bronze badges

Collectives™ on Stack Overflow

Variable with functions in variable

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related