JavaScript Scope (Global, Function, Block)

Scope defines where a variable can be accessed or used in a JavaScript program. It controls the visibility and lifetime of variables. Understanding scope is critical because incorrect scope handling can cause bugs, memory issues, and unexpected behavior in applications.

Scope helps:

• Prevent variable name conflicts
• Improve memory management
• Make code predictable and secure
• Maintain clean and modular programs

In real-world projects, poor scope management is a common source of bugs.

A variable declared outside any function or block is in the global scope.

Explanation: Global variables can be accessed from anywhere in the program.

Variables declared inside a function are accessible only within that function.

Explanation: The variable total cannot be accessed outside the function.

Block scope applies to variables declared using let and const inside curly braces {}.

var

- Function scoped - Ignores block boundaries

let

- Block scoped - Safer than var

const

- Block scoped - Prevents reassignment

JavaScript uses a scope chain to resolve variables. If a variable is not found in the current scope, JavaScript looks in the outer scope.

Explanation: The inner function can access variables from its own scope and outer scopes.