jQuery namespace declaration and modular approach

Question

I have confusion on how to proceed with my project. I am developing an enterprise app in which lots of modules are to be written. Most of module will be using lots of jQuery plugins to create complex grids, draw graphs for different purposes which means modules will be appending divs, tables etc a lot to DOM.

I want to preserver namespace since this will be large app. For that I came across prototype method and self-executing anonymous function. self-executing anonymous function seems to be recommended a lot.

My questions are

Are self executing functions reusable ?I mean these are immediately executed so lets say a module draws a complex grid for a given JSON file. So will I be able to use same self-executing anonymous function for 3 different JSON files just like a jQuery plugin ?
when there will be lots of modules written , they will all self execute on start-up. Will it effect Ram/Processor usage? Shouldn't it be way that modules should be called when needed ? what significance will self execution do ?

My Project Scope:

Kindly help me understand this self executing thing in my project scope, which is My project Holds a main namespace say "Myapp" and and its modules like Myapp.moduleA, Myapp.moduleB.MyApp will trigger its modules on click etc. What is best way to go for me ?

Self-Executing Anonymous Func

(function( skillet, $, undefined ) {
    //Private Property
    var isHot = true;

    //Public Property
    skillet.somevar = "Bacon Strips";

    //Public Method
    skillet.draw = function() {
        //Draw a grid
    };

    //Private Method
    function _grid(  ) {
        //
        }
    }   
}( window.skillet = window.skillet || {}, jQuery ));

adequatelygood.com/JavaScript-Module-Pattern-In-Depth.html

Cory Danielson
– Cory Danielson

2013-12-04 19:29:40 +00:00
Commented Dec 4, 2013 at 19:29 — Cory Danielson
– Cory Danielson, Commented Dec 4, 2013 at 19:29
addyosmani.com/resources/essentialjsdesignpatterns/book/…

Cory Danielson
– Cory Danielson

2013-12-04 19:30:05 +00:00
Commented Dec 4, 2013 at 19:30 — Cory Danielson
– Cory Danielson, Commented Dec 4, 2013 at 19:30

Kenneth · Accepted Answer · 2013-12-04 19:21:54Z

You cannot reuse a self executing function, it just executes immediately and that's it.

If you need to execute it multiple times, you should just declare a function.

A possible approach is this:

var MYNAMESPACE.Object = (function(){
    // private methods
    var somemethod = function(){};

    // public methods
    return {
         somepublicmethod: function(){}
    };
})();

Now you can call it like this:

MYNAMESPACE.Object.somepublicmethod();

As for executing upon startup. Provided you only create methods and don't DO anything immediately inside your declaration, it won't affect performance too much unless you have a really big amount of modules. If that's the case, you should probably look into the asynchronous module loader pattern (AMD). RequireJS is a good example of that: http://requirejs.org

I wrote an article about JS namespaces which could be interesting for you:

http://www.kenneth-truyers.net/2013/04/27/javascript-namespaces-and-modules/

Collectives™ on Stack Overflow

jQuery namespace declaration and modular approach

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