module-pattern

I'm interested in using the Module Pattern to better organize my future projects. Unfortunately, there are only a few brief tutorials and proof-of-concept examples of the Module Pattern. Using the module pattern, I would like to organize projects into this sort of structure: project.arm.object.method(); Where "project" is my global project name, "arm" is a sub-section or branch of the project, "object" is an individual object, and so on to the methods and properties. However, I'm not sure how I should be declaring and organizing multiple "arms" and "objects" under "project". var project =

I've been writing an application and I have had a lot of success breaking different pieces of functionality into the so called "Module" pattern where you have a self-executing singleton with public and private members. var WidgetModule = (function($, options) { // Private variable var someVar; // Private functions function somePrivateFunction() { } // Define the public members var self = { init: function() { }, someFunction: function() { } }; return self; })(jQuery, options); I have now run into a case where I have several modules which I would like to be able to create multiple instances of.

I am trying to understand the JavaScript Module Pattern. I've seen examples of what it should look like, but I don't understand how to use it. For example, a few things are happening here: $('input#share').on("click", function() { $('.loading').html('<img class="remove_loading" src="/graphics/loading.gif" />'); var message = $(".wallmessage").val(); if (message == ""){ $("#messageempty").jmNotify(); $('.remove_loading').remove(); } else { addMessage(message); } return false; }); function addMessage(message) { $.ajax({ url: '/test', type: 'POST', dataType: "json", data: {'message' : message},

I'm trying to understand js module patterns in use with jQuery. I've edited this a couple of times and will try to end up with a good practice for my skill level (a couple of months fresh on jquery). There's no direct question in this post. I'm more aiming for feedback and inputs on how to properly use the module pattern (together with jquery) in a large scale website. Update : I've added a bunch of examples in order to get an overview of all ways of writing things, and try to cover any pitfalls.. /* Not all browsers works with console.log, so we want to make sure that console.log is defined.

I imitated a library and was able to write following code. This code created 'c' object to which 'a' function is assigned. So, to call 'a' , I will have to write c.a() . Also, I was able to add more functions to this 'c' object. I want to understand what is happening in this code. It doesn't look like normal object oriented programming. What is this type of javascript programming called? var c = (function(c) { if (c === undefined) { c = {}; } function a() { alert(1); } c.a = a; return c; }(c)); It's a module pattern. You'll see many variants of that pattern, so it's essential to understand

How do I call a public function from within a private function in the JavaScript Module Pattern? For example, in the following code, var myModule = (function() { var private1 = function(){ // How to call public1() here? // this.public1() won't work } return { public1: function(){ /* do something */} } })(); This question has been asked twice before , with a different accepted answer for each. Save a reference to the return object before returning it, and then use that reference to access the public method. See answer . Save a reference to the public method in the closure, and use that to