Deep Analysis of the var Keyword in JavaScript: Scoping and Variable Declaration Mechanisms

Fundamental Mechanisms of Variable Declaration

In the JavaScript language, the var keyword serves the crucial function of variable declaration. When using syntax like var someNumber = 2;, two operations are performed: first, the variable someNumber is declared in the current scope, then it is assigned the value 2. This explicit declaration fundamentally differs from implicit assignment like someNumber = 2;, which merely performs a property assignment operation.

Scope Chain and Variable Lookup

Within function scope, variables declared with var become local variables, accessible only within that function. In contrast, assignments without var traverse up the scope chain until they find a matching variable or reach the global scope. Consider the following code example:

function exampleFunction() {
    var localVar = 1; // local variable declaration
    globalVar = 2;    // global property assignment
    
    (function() {
        var innerVar = 1; // inner function local variable
        localVar = 3;     // modify outer function variable (closure)
        newGlobal = 4;    // create global property
    })();
}

In this example, localVar as a local variable is visible only within exampleFunction, while globalVar and newGlobal become properties of the global object.

Particularities of Global Scope

In global scope, the difference between var declaration and direct assignment is relatively minor but still significant. var x = 1 creates a global variable with the DontDelete flag, making it undeletable via the delete operator. Meanwhile, x = 1 creates a deletable global property, a characteristic with practical implications for memory management and code maintenance.

Memory Management and Optimization Considerations

From a memory management perspective, local variables declared with var are handled by garbage collection after function execution completes, freeing up memory resources. This characteristic aligns with the optimization strategies discussed in the reference article about GameMaker engine—in scenarios requiring frequent variable creation and destruction, proper use of var can effectively manage memory resources. Although re-declaring variables each time consumes minimal performance, this memory reclamation mechanism generally benefits long-running applications.

Introduction of Strict Mode

ECMAScript 5's strict mode introduced significant adjustments to variable declaration behavior. In strict mode, assigning to undeclared identifiers throws a ReferenceError, effectively preventing accidental creation of global properties. Developers should actively adopt strict mode to enhance code quality and maintainability.

Practical Recommendations and Best Practices

Based on the above analysis, developers are advised to explicitly use the var keyword for all variable declarations. This practice not only avoids accidental global variable pollution but also makes code intentions clearer. Within functions, always use var to declare all local variables, ensuring variable scope remains within expected boundaries. Additionally, enabling strict mode further reinforces these good programming habits.