Creating instances of revealing module pattern

Question

I am trying to understand how create different instances of revealing module pattern. I have a code block below and create module1 and module2 instances of myRevealingModule and setting their name variables.But name of module1 is overwritten by module2. How can i have different name values for module1 and module2? What am i missing? Thanks!

var myRevealingModule = (function(){

    var name = 'Default';

    function setName (nameVal) {
       name = nameVal;
    };

    function getName () {
       return name;
    };

    return {
        fullName: name,
        set: setName,
        get: getName
    };

}());
var module1  = myRevealingModule;
module1.set("module1 name");
var module2  = myRevealingModule;
module2.set("module2 name");

All three variables, myRevealingModule, module1 and module2 hold references to the very same object. Looks like you are not looking for a module here, but rather a constructor, especially when you're talking about "instances". Modules are singleton objects. — Bergi
– Bergi, Commented Feb 29, 2016 at 23:13
Is it only way using a constructor to have 2 different modules by myRevealingModule? Could i create function callbacks for module1 and module2 to set name values? Thanks! — user5074177
– user5074177, Commented Feb 29, 2016 at 23:27
Yes, you need a constructor or factory that is capable of creating multiple objects (if you don't want to copy your code). — Bergi
– Bergi, Commented Feb 29, 2016 at 23:30

jfriend00 · Accepted Answer · 2016-03-06 17:49:46Z

To make multiple instances, you have to remove the () at the end of the definition, so that you can call it separately each time you want to create a new instance. See the code comments in the block below for the three places a change was made:

var myRevealingModule = (function(){

    var name = 'Default';

    function setName (nameVal) {
       name = nameVal;
    };

    function getName () {
       return name;
    };

    return {
        fullName: name,
        set: setName,
        get: getName
    };

});    // removed the () here

var module1  = myRevealingModule();    // added () here to call factory function
module1.set("module1 name");
var module2  = myRevealingModule();    // added () here to call factory function
module2.set("module2 name");

This makes myRevealingModule() into a factory function. Each time you call it, it creates a new instance of your object.

Collectives™ on Stack Overflow

Creating instances of revealing module pattern

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related