Question

Right here’s my question how are the cool kids laying out their javascript these days? I’ve been looking around and from what I can tell everyone seems to be doing it different some people contain their functions inside object literals, some seem to just list there functions and have all there variable listed above. So what does eveyone think how should I be laying out my code.

var logsomestuff ="somestuff";

function logIt(){ 
   console.log(logsomestuff);
}

or maybe

logIt = {
   logsomestuff: "somestuff",
   logIt: function(){
      console.log(this.logsomestuff);  
   }
}

I don’t know what do people think, best way to layout your js? above are just two example I’m sure there are a ton more. Thanks for anyhelp

Answer 1

All the cool kids are using function closures to scope their variables.

This code executes immediately and leaves nothing in the global scope, everything is hanging off the jQuery $.app variable.

(function($) {

  $.app = $.app || {};

  $.app = { 
      log : function(stuff) {
        console.log(stuff);
      },
      helpers : { 
          convertJsonDateString = function(date) {
               return "somecrazyregex";
          }
      };

})(jQuery);