CODEWITHSUNDEEP
javascriptcode-organization
Mr Hyde
Mr Hyde

Reputation: 3413

javascript organisation

I came across this Q/A on javascript code organisation.

var DED = (function() {

var private_var;

function private_method()
{
    // do stuff here
}

return {
    method_1 : function()
        {
            // do stuff here
        },
    method_2 : function()
        {
            // do stuff here
        }
};
})();

Currently I do this,

 var DED = new Object;
 DED = {
            sidebar : {
                      method_1 : function (data){
                                //some stuff
                                },
                      method_2 : function(data){
                                //do more
                                }
            },
            main : {
                   //.......
            },
            globalVariables : {
                   //...
            }

 }

What is the advantage of one over the other?
Warning: newbie here.

Upvotes: 1

Views: 672

Answers (2)

kioopi
kioopi

Reputation: 2250

What you return from the anonymous self-calling function (function(){})() is the interface you publish for your "module" (DED).

DED.method_1() is public. private_method/private_var are not accessible from outside but everything inside of your self-calling function has access to them.

If you like this kind of access-control this is a good way to prevent other developer from accidentally messing with the internals of your module. In a lot of cases i'd just go for a naming convention like a leading underscore to indicate internals.

Javascript is very dynamic and if someone really wants to mess with code they have no write-access to they will be able to do so. Edit: This turns out to be a wrong assuption and not the case for private data in constructors or closures. Please, see: http://www.crockford.com/javascript/private.html

Upvotes: 0

Matthew Flaschen
Matthew Flaschen

Reputation: 285057

As indicated, that method uses closures to implement private functions and data. It's an alternative to the constructor method (below). E.g.

var DED = new (function()
{
  var private_var;

  function private_method()
  {
    // do stuff here
  }

  this.method_1 = function()
  {
    // do stuff here
  };

  this.method_2 = function()
  {
    // do stuff here
  };
})();

With the DED method shown in your question, there is no constructor. Rather the function returns an object created from an object literal. The functions in that object have the private variable and method closed into them.

Upvotes: 4

Related Questions