JAVASCRIPT MASTER CLASS /// UNDERSTAND SCOPE /// GLOBAL VS LOCAL /// BLOCK SCOPE /// CLOSURES /// JAVASCRIPT MASTER CLASS /// UNDERSTAND SCOPE /// GLOBAL VS LOCAL /// BLOCK SCOPE /// CLOSURES ///

JavaScript Scope

Master where variables live and who can access them. Understand Global, Local, Block, and Lexical environments to avoid bugs.

scope.js
1 / 13
12345
🌍

Tutor:Welcome to JavaScript Scope. Scope determines the accessibility (visibility) of variables. If a variable is not in the current scope, you cannot use it.


Scope Matrix

UNLOCK NODES BY MASTERING ENVIRONMENTS.

Concept: Global Scope

Variables outside any function. const app = 'My App'; is visible to all functions in your script.

System Check

Can a global variable be accessed from inside a local function?

Community Holo-Net

Showcase Your Closures

ACTIVE

Built an interesting logic piece relying on lexical scope? Share your code snippets and ask questions.

Support Us

JavaScript Scope

Author

Pascual Vila

Senior Developer // Code Syllabus

Scope is the set of rules that determines where and how a variable can be looked up in your code. Think of it as a series of security clearances dictating who has access to what data.

Global Scope

Any variable declared completely outside of a function or block resides in the Global Scope. These variables are available everywhere in your JavaScript program. While convenient, overusing the global scope is dangerous because any script on the page can alter these variables, leading to bugs known as "global namespace pollution".

Local / Function Scope

Variables declared inside a function are local to that function. They are created every time the function is called and destroyed when the function finishes execution. The outside world cannot peek inside a function to see its local variables.

Block Scope (let & const)

Before ES6 (2015), JavaScript lacked Block Scope. Blocks are code contained within { } (like in if statements or for loops). Today, by using let or const, variables are strictly confined to the block they were declared in. The old var keyword ignores blocks entirely!

Lexical Scope & Closures+

JavaScript uses "Lexical Scoping". This means functions are executed using the variable scope that was in effect when they were defined, not when they are invoked. If you nest a function inside another, the inner function has access to the outer function's variables. This creates a "Closure", an incredibly powerful pattern for data privacy and function factories in JS.

Scope Glossary

Global Scope

The outermost environment. Variables declared here are accessible from any other scope in the application.

snippet.js

Function Scope

Variables declared inside a function. They cannot be accessed from outside that function.

snippet.js

Block Scope

Scope restricted to a block { }. Only applies to variables declared with 'let' and 'const'.

snippet.js

Lexical Scope

The ability of inner functions to access variables from their parent scopes, determined entirely by code placement.

snippet.js

Closure

A function bundled together with references to its surrounding state (the lexical environment).

snippet.js

Hoisting

JavaScript's default behavior of moving declarations to the top. 'var' is hoisted and initialized as undefined, causing bugs.

snippet.js