In JavaScript, variables are like containers that store data. There are three ways to create (or declare) these containers: var
, let
, and const
.
Letโs look at what makes them different! ๐
-
var
โ The Old-School Way ๐
Scope: var
works within the function it's declared in (function-scoped), so it can be used anywhere inside that function. ๐
Hoisting: JavaScript "hoists" or moves var
declarations to the top of the function, but only the declaration, not the value.
This can sometimes cause confusion. ๐
Example:
var name = "Alice"; // Variable declared with 'var'
-
let
โ The New Standard ๐ฑ
Scope: let
is block-scoped, which means it's only available inside the block (curly braces {}
) where itโs declared.
This makes it more predictable. ๐งฑ
Reassignable: You can change the value of a let
variable if needed. ๐
Example:
let age = 25; // Variable declared with 'let'
age = 30; // You can reassign it
-
const
โ The Permanent One ๐
Scope: Like
let
,const
is also block-scoped. โ๏ธNon-Reassignable: Once a value is assigned to a
const
variable, it can't be changed. This is used when you donโt want the value to change. โ
Example:
const birthYear = 1995; // Variable declared with 'const'
birthYear = 2000; // Error! You can't change it
When to Use Them:
Use let
when you need to update the variableโs value later.
Use const
when the value should stay the same (like a constant).
Avoid var
in modern JavaScript because let
and const
are more reliable.
By understanding let
, const
, and var
, you'll write cleaner, more predictable JavaScript! ๐ฏ
Top comments (0)