JavaScript Code Blocks

Code Blocks and Statements

Code blocks allows for multiple statements to be treated as a single unit.

The body of a JavaScript function is always enclosed within a code block:

Code blocks are essential for if statements:

Code blocks are essential for loop statements:

Defining Scope

Variables declared with let and const inside a code block are "block-scoped," meaning they are only accessible within that specific block.

This helps prevent unintended variable overwrites and promotes better code organization:

Standalone Blocks

Code blocks can also exist independently without being attached to an if statement, a function or a loop.

This can be used to create a scope for let and const variables.

This example above demonstrates how a standalone block can be used to limit the scope of variables.

Encapsulation

Variables inside the block are only available in the block.

This prevents "polluting" the global scope, keeps the code clean, and reduces the risk of name collisions.

Temporary Use

If you only need variables for a calculation, a block lets you declare them, use them, and discard them.

Organized Code

You can group related variables and statements in their own scope to avoid accidental name conflict without forcing them into a function or an object.

This improves readability and avoids accidental name conflictre-use of variable names outside the block.