What are the Alternatives to Global Variables in JavaScript?

Global Variables: Alternatives in JavaScript

Global variables have been discouraged in JavaScript due to the potential for conflicts within the global namespace. Implied global variables can be inadvertently added by the omission of local scope declarations.

YUI Module Pattern

One alternative to global variables is the YUI module pattern. This involves creating a function that returns an object containing the required functions and assigning the result to a single global variable.

var FOO = (function() {
    var my_var = 10; // Shared variable available within the module

    function bar() { // Function not available outside the module
        alert(my_var); // Can access my_var
    }

    return {
        a_func: function() {
            alert(my_var); // Can access my_var
        },
        b_func: function() {
            alert(my_var); // Can access my_var
        }
    };

})();

By calling FOO.a_func(), functions within the module can be utilized elsewhere in the code. This approach ensures isolation of module variables within the module and minimizes namespace conflicts.

The above is the detailed content of What are the Alternatives to Global Variables in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!