How to use Revealing module pattern in JavaScript

by

A small example:

var revealed = function(){
   var a = [1,2,3];
   function abc(){
     return (a[0]*a[1])+a[2];
   }

   return {
      name: 'revealed',
      abcfn: abc
   }
}();

in the anonymous function that is initiated to give revealed a value, a and abc are private to that function. What the function returns is an object literal with a name property and a abcfn property, which is a reference to the abc function. The abc function uses the private variable a. This can all be done thanks to the use of closures (everything within the scope of a function can be referenced by everything else in that same function).

Revealed usage:

alert(revealed.name);    //=> 'revealed'
alert(revealed.abcfn()); //=> 5 (1*2+3)

More Related Contents:

  1. How to manage a redirect request after a jQuery Ajax call
  2. Getting a random value from a JavaScript array
  3. Weird behavior with objects & console.log [duplicate]
  4. MAC addresses in JavaScript
  5. What does = +_ mean in JavaScript
  6. How do I call a JavaScript function on page load?
  7. Trying to fire the onload event on script tag
  8. Check if element exists in jQuery [duplicate]
  9. How to hide code from cells in ipython notebook visualized with nbviewer?
  10. How can I get the values of data attributes in JavaScript code?
  11. Get Locale Short Date Format using javascript
  12. Resize svg when window is resized in d3.js
  13. How do I resize a Google Map with JavaScript after it has loaded?
  14. Trigger onmouseover event programmatically in JavaScript
  15. How to prevent browser to invoke basic auth popup and handle 401 error using Jquery?
  16. jQuery.proxy() usage
  17. Javascript prototype operator performance: saves memory, but is it faster?
  18. How can I make reCAPTCHA a required field?
  19. Initial Range selection in DC.js chart
  20. $watch’ing for data changes in an Angular directive
  21. Can you use HTML5 local storage to store a file? If not, how?
  22. HTML5 Audio can’t play through Javascript unless triggered manually once
  23. Add CSS to with JavaScript?
  24. How do I hide the VueJS syntax while the page is loading?
  25. Alternative to DOMNodeInserted
  26. JavaScript Event prototype in IE8
  27. Run command after webpack build
  28. Synchronous XMLHttpRequest on the main thread is deprecated
  29. Is there any size limitation for ajax post?
  30. Internet Explorer full screen mode?

Leave a Comment