Variable declaration using let in Javascript - Step-by-Step Execution

Concept Flow - Variable declaration using let

Start

↓

Declare variable with let

↓

Assign initial value

↓

Use or update variable

↓

End or block scope exit

This flow shows declaring a variable with let, assigning a value, using or updating it, and then ending or leaving its block scope.

Execution Sample

Javascript

let count = 1;
console.log(count);
count = 2;
console.log(count);

Declare a variable 'count' with let, print it, update it, then print again.

Execution Table

Step	Action	Variable	Value	Output
1	Declare 'count' with let and assign 1	count	1
2	Print 'count'	count	1	1
3	Update 'count' to 2	count	2
4	Print updated 'count'	count	2	2
5	End of code	count	2

💡 Code ends after printing updated variable value.

Variable Tracker

Variable	Start	After Step 1	After Step 3	Final
count	Error	1	2	2

Key Moments - 3 Insights

Why can't I use the variable before declaring it with let?

Using 'count' before step 1 would cause an error because 'let' variables are not accessible before declaration, as shown by the first step where 'count' is declared.

Can I change the value of a variable declared with let?

Yes, as shown in step 3, 'count' is updated from 1 to 2 without error.

What happens to the variable after the code ends?

The variable 'count' keeps its last value 2 until the program ends or the block scope ends, as shown in the final variable_tracker column.

Visual Quiz - 3 Questions

Look at the execution table, what is the value of 'count' after step 1?

A 2

B 1

C undefined

D Error

💡 Hint

Check the 'Value' column for step 1 in the execution_table.

At which step does 'count' change its value?

A Step 3

B Step 2

C Step 4

D Step 1

💡 Hint

Look for the step where the 'Action' says 'Update' and the 'Value' changes.

If we tried to print 'count' before step 1, what would happen?

A It would print undefined

B It would print 0

C It would cause an error

D It would print 1

💡 Hint

Recall that 'let' variables cannot be accessed before declaration, as explained in key_moments.

Concept Snapshot

let variableName = value;
- Declares a block-scoped variable.
- Can be updated but not redeclared in the same scope.
- Cannot be accessed before declaration (no hoisting).
- Use let for variables that change value.

Full Transcript

This example shows how to declare a variable using let in JavaScript. First, the variable 'count' is declared and assigned the value 1. Then it is printed, showing 1. Next, 'count' is updated to 2 and printed again, showing 2. Variables declared with let cannot be used before they are declared, and they keep their value until the block ends or the program finishes.