JavaScript Namespace Declaration

by

Usually I’d recommend doing this (assuming Namespace is not defined elsewhere):

var Namespace = {};
Namespace.MyClass = (function () {
  // ...
}());

A more flexible, but more complex, approach:

var Namespace = (function (Namespace) {
   Namespace.MyClass = function() {

       var privateMember = "private";
       function myPrivateMethod(param) {
         alert(param || privateMember);
       };

       MyClass.MyPublicMember = "public";
       MyClass.MyPublicMethod = function (param) {
          myPrivateMethod(param);
       };
   }
   return Namespace
}(Namespace || {}));

This builds Namespace.MyClass as above, but doesn’t rely on Namespace already existing. It will declare and create it if it does not already exist. This also lets you load multiple members of Namespace in parallel in different files, loading order will not matter.

For more: http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth

More Related Contents:

  1. Is there any way keep part of my code in a seperate document? [closed]
  2. Real-Time Calculation in Javascript: Based on text field and fixed price rate of an item
  3. jQuery AJAX submit form
  4. How can I get the data-id attribute?
  5. Remove blank attributes from an Object in Javascript
  6. Can You Get A Users Local LAN IP Address Via JavaScript?
  7. Capitalize words in string [duplicate]
  8. How to remove one specific selected file from input file control
  9. Write / add data in JSON file using Node.js
  10. split string only on first instance of specified character
  11. Dynamic variables names in javascript
  12. AngularJS – Image “onload” event
  13. Calling a Cloud Function from another Cloud Function
  14. Access camera from a browser
  15. Should I link to Google API’s cloud for JS libraries?
  16. How to link external javascript file onclick of button
  17. Maximum Lat and Long bounds for the world – Google Maps API LatLngBounds()
  18. Get latitude and longitude based on location name with Google Autocomplete API
  19. mousewheel event is not triggering in firefox browser
  20. add/subtract business days in Javascript
  21. Get return value from setTimeout [duplicate]
  22. How to extract data out of a Promise
  23. how to define index in angular material table
  24. How to add a custom button to the toolbar that calls a JavaScript function?
  25. How to use jQuery’s drop event to upload files dragged from the desktop?
  26. Embed google map is wrong displayed until resizing webpage
  27. Set variable in parent window from iframe
  28. Add click event on div tag using JavaScript
  29. JS call static method from class
  30. Decode HTML entity in Angular JS

Leave a Comment