How do you namespace objects in the Revealing Prototype Pattern?

Question

I've been using the Revealing Module pattern and have several namespaces. Example:

// here's the namespace setup

var myProject= myProject|| {};
var myProject.models= myProject.models || {};

myProject.models.MyModel= function(){
   var someMethod = function(){
     // do something
   };
   return{
      SomeMethod = someMethod
   };
}

I'm moving to the Revealing Prototype Pattern to gain some memory usage improvements and so I can decorate the object another function. How do I keep it in my myProject.models namespace? This gives my JavaScript errors:

var myProject.models.MyModel= function(){
   // properties here
};

myProject.models.MyModel.prototype = (function(){
   // methods here
    var someMethod = function(){
         // do something
    };
    return{
       SomeMethod = someMethod
    };
}());

Remove the var keyword! You're assigning to a property, not creating a variable. — Bergi
– Bergi, Commented Apr 9, 2013 at 19:31
Ok, so removing the var does run. I was looking at his example and thought var was required. — AlignedDev
– AlignedDev, Commented Apr 11, 2013 at 13:41

plalx · Accepted Answer · 2014-02-10 18:32:48Z

4

You have various syntax errors.

myProject = window.myProject|| {};

myProject.models = myProject.models || {};

myProject.models.MyModel = (function () {
   //declare a constructor function
   function MyModel() {
   }

   //declare a function that will be publicly available on each MyModel instances
   MyModel.prototype.someFunction = function () {
       //call the private function from within the public one
       //note: you have to be careful here since the context object (this) will be
       //window inside somePrivateFunction
       somePrivateFunction();

       //call the private function and set the context object to the current model instance
       //somePrivateFunction.call(this);           
   };

   //declare a private function
   function somePrivateFunction() {
   }

   return MyModel; //return the model constructor
})();

Now you can use your model like:

var m = new myProject.models.MyModel();
m.someFunction();

edited Feb 10, 2014 at 18:32

answered Apr 9, 2013 at 19:34

plalx

43.8k7 gold badges77 silver badges94 bronze badges

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

1 Comment

AlignedDev Over a year ago

My goal is to do a var x = new myProject.models.MyModel() and pass in some values, then later call x.SomeMethod();

Bergi · Accepted Answer · 2013-04-09 19:41:41Z

1

var myProject = myProject || {};
^^^

You are using a var statement here to declare the global myProject variable (if it hasn't been already), so that it will not throw Undefined variable exceptions. (Also you initialise it to an empty object if it had now value)

var myProject.models= myProject.models || {};

In here, you are assigning the models property to the object from above. The var keyword is out of place here; remove it and it will work.

With myProject.models.MyModel = … you did it right in the upper snippet and wrong in the second one; I'm not sure which you were trying to use. The revealing prototype pattern should look like this:

var myProject = myProject || {};
myProject.models = myProject.models || {};
myProject.models.MyModel = (function(){
    function MyModel() {
        // instance properties here
    }
    function someMethod(){
        // do something
    }
    MyModel.prototype.SomeMethod = someMethod;
    //                ^ lowercase that?
    return MyModel;
})();

edited Apr 9, 2013 at 19:41

answered Apr 9, 2013 at 19:36

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

3 Comments

AlignedDev Over a year ago

the prototype function should be inside the .MyModel (function()? from the link in my question, he had it outside. I'm starting to look at properties now, could you should how to expose those with the return{ }?

Bergi Over a year ago

It doesn't need to be. I prefer not overwriting the original prototype object (and preserve the .constructor property for example), but you can as well assign it an object literal.

AlignedDev Over a year ago

Interesting. That's new to me. Thanks

Collectives™ on Stack Overflow

How do you namespace objects in the Revealing Prototype Pattern?

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related