I’ve Heard Global Variables Are Bad, What Alternative Solution Should I Use?

by

The primary reason why global variables are discouraged in javascript is because, in javascript all code share a single global namespace, also javascript has implied global variables ie. variables which are not explicitly declared in local scope are automatically added to global namespace. Relying too much on global variables can result in collisions between various scripts on the same page (read Douglas Crockford’s articles).

One way to reduce global variables is to use the YUI module pattern. The basic idea is to wrap all your code in a function that returns an object which contains functions that needs to be accessed outside your module and assign the return value to a single global variable.

var FOO = (function() {
    var my_var = 10; //shared variable available only inside your module

    function bar() { // this function not available outside your module
        alert(my_var); // this function can access my_var
    }

    return {
        a_func: function() {
            alert(my_var); // this function can access my_var
        },
        b_func: function() {
            alert(my_var); // this function can also access my_var
        }
    };

})();

now to use functions in your module elsewhere, use FOO.a_func(). This way to resolve global namespace conflicts you only need to change the name of FOO.

More Related Contents:

  1. Can I set a value to the golbal variable in $(document).ready(function(){}); and use the same variable outside? [closed]
  2. Do DOM tree elements with IDs become global properties?
  3. Why are global variables considered bad practice?
  4. How can I unset a JavaScript variable?
  5. Is there a spec that the id of elements should be made global variable?
  6. Declaring variables without var keyword
  7. Global variables in Javascript across multiple files
  8. How to avoid global variables in JavaScript?
  9. variable scope in d3 javascript
  10. Accessing variables from other functions without using global variables
  11. How to declare a global variable in JavaScript
  12. How to declare a global variable in a .js file
  13. Why a variable defined global is undefined? [duplicate]
  14. Share variables between files in Node.js?
  15. Global variables in Google Script (spreadsheet)
  16. Global variables for node.js standard modules?
  17. Effect of declared and undeclared variables
  18. Detect if function is native to browser
  19. How to store a global value (not necessarily a global variable) in jQuery?
  20. Should I use window.variable or var?
  21. Get all Javascript Variables?
  22. Come up on hover [closed]
  23. Get querystring from URL using jQuery [duplicate]
  24. Appending HTML string to the DOM
  25. Sort an array by the “Levenshtein Distance” with best performance in Javascript
  26. jquery validate plugin on dynamic form inputs not working
  27. Angularjs $http post file and form data
  28. How to get form data as a object in jquery [duplicate]
  29. Programmatically open “View Source” HTML Window in Browser with Javascript?
  30. canvas- Cropping images in different shapes

Leave a Comment