What Are Variables in JavaScript?
In JavaScript, variables are declared using var, let, and const. These keywords define how variables behave in terms of scope and mutability. Modern JavaScript development strongly favors let and const because they provide better control and reduce unexpected bugs. If you’re building dynamic websites or applications, understanding variables is absolutely essential because they drive logic, interactivity, and data handling.
Why Variables Matter in Programming
Variables allow your program to process user input, perform calculations, and manage application state. Think of them as the memory of your application. Without variables, even simple tasks like storing a username or calculating a total price would be impossible.
Real-Life Analogy for Variables
Consider a backpack you carry every day. You can put books, gadgets, or food inside it. Some items you replace frequently, while others stay the same. That’s exactly how variables behave depending on how you declare them.
Types of Variable Declarations
Understanding var
The var The keyword is the oldest method for declaring variables in JavaScript. It is function-scoped, meaning it is accessible throughout the function in which it is defined. One unique characteristic of var is that it allows both redeclaration and reassignment, which can sometimes introduce bugs if not handled carefully.
var name = "John";
var name = "Doe"; // Allowed
console.log(name); // Output: Doe
Because of these limitations, developers rarely use var in modern applications unless maintaining legacy code.
Understanding let
The let keyword was introduced in ES6 and is now widely used. It provides block-level scope, meaning the variable is only accessible within the block {} where it is defined. This makes code more predictable and easier to debug.
let age = 25;
age = 30; // Allowed
// let age = 35; ❌ Not allowed
Using let ensures that variables don’t accidentally leak outside their intended scope.
Understanding const
The const keyword is used to declare variables whose values should not change. Once assigned, a const variable cannot be reassigned. However, if the variable holds an object or array, its internal properties can still be modified.
const country = "India";
// country = "USA"; ❌ Error
This makes const ideal for values that should remain constant throughout the program.
Key Differences Between var, let, and const
Scope Explained
| Keyword | Scope Type |
|---|---|
| var | Function/Global |
| let | Block |
| const | Block |
Reassignment vs Redeclaration
| Keyword | Reassign | Redeclare |
|---|---|---|
| var | Yes | Yes |
| let | Yes | No |
| const | No | No |
Hoisting Behavior
JavaScript uses a mechanism called hoisting, where variable declarations are moved to the top of their scope during execution. However, var is initialized with undefined, while let and const remain uninitialized until execution reaches their declaration.
Rules for Naming Variables
Valid Naming Conventions
- Start with a letter,
_, or$ - Can include numbers (not at the beginning)
- Case-sensitive
Common Mistakes to Avoid
- Using reserved keywords
- Starting names with numbers
- Using unclear variable names
Rules to define a variable name
✅ 1. Allowed Characters
- Variable names can contain:
- Letters (
a–z,A–Z) - Digits (
0–9) - Underscore (
_) - Dollar sign (
$)
- Letters (
✔ Example:
let name;
let user1;
let _count;
let $price;
❌ 2. Cannot Start with a Number
- A variable name must NOT start with a digit
❌ Wrong:
let 1name;
✔ Correct:
let name1;
❌ 3. No Spaces Allowed
- Variable names cannot contain spaces
❌ Wrong:
let user name;
✔ Correct:
let userName;
❌ 4. Cannot Use Reserved Keywords
- You cannot use JavaScript reserved words like:
let,var,const,if,else,function, etc.
❌ Wrong:
let var = 10;
✅ 5. Case Sensitive
- JavaScript is case-sensitive
let name = "John";
let Name = "Doe"; // different variable
✅ 6. Use Meaningful Names (Best Practice)
- Always use descriptive names
✔ Good:
let userAge = 25;
let totalPrice = 100;
❌ Bad:
let x = 25;
✅ 7. Use camelCase (Convention)
- JavaScript commonly uses camelCase
✔ Example:
let firstName;
let totalAmount;
✅ 8. Avoid Special Characters
- Do NOT use symbols like
@,#,%, etc.
❌ Wrong:
let user@name;
✅ 9. Use let, const, or var
- Modern JavaScript prefers:
let→ for changeable valuesconst→ for constants
let age = 20;
const PI = 3.14;
