🚀 Introduction

In JavaScript, variables are containers for storing data. While JavaScript allows flexibility in naming, improper names can make code confusing and error-prone. That’s why developers follow specific conventions for naming variables to make the code more structured and easy to understand.

📖 General Rules for Naming Variables

Start with a letter, underscore, or dollar sign

A variable name must begin with a letter (a-z or A-Z), an underscore _, or a dollar sign $. It cannot begin with a number. However, after the first character, you can use numbers as well.

let name = "Aarav";   
let _count = 5;        
let $price = 99.99;    
let 1user = "Nishi";    // Invalid

Use only allowed characters.

A variable name can only include letters, numbers, underscores, and dollar signs. Special symbols like @, -, or spaces are not allowed.

let user1 = "Aarav";   
let total_amount = 500;

Case sensitivity

JavaScript treats uppercase and lowercase letters as different. For example, age and Age are two different variables.

let age = 25;
let Age = 30;
console.log(age); // 25
console.log(Age); // 30

Avoid reserved keywords

Certain words in JavaScript are reserved because they are used to define language features. For example, you cannot use function, class, or return as a variable name.

let function = "test"; // Error

✨ Popular Naming Conventions in JavaScript

Camel Case

This is the most widely used style in JavaScript. In camelCase, the first word starts with a lowercase letter, and every new word starts with a capital letter.

let firstName = "Aarav";
let totalAmount = 100;

Pascal Case

PascalCase is usually used for naming classes or constructor functions. Here, each word starts with a capital letter.

class Person {
  constructor(name) {
    this.name = name;
  }
}
let user = new Person("John");

Snake Case

In snake_case, words are separated using underscores. While not very common in JavaScript, you may see it used in databases or certain coding styles.

let user_name = "Bob";
let max_value = 500;

💡 Best Practices for Naming Variables

Use descriptive names

Always choose names that clearly describe what the variable stores. Avoid single-letter or vague names.

let x = 50;       //  Not clear
let userAge = 50; //  Clear meaning

Boolean variables with prefixes

When creating a variable that holds a true/false value, start the name with is, has, or can to make its purpose clear.

let isLoggedIn = true;
let hasPermission = false;
let canEdit = true;

Use uppercase for constants

If a variable value should never change, name it using all uppercase letters with underscores between words.

const MAX_USERS = 100;
const PI = 3.14159;

Avoid single-letter names

Single-letter variables don’t tell us what they store. The only exception is when using loop counters, such as i in a for loop.

for (let i = 0; i < 5; i++) {
  console.log(i);
}

Keep naming consistent

Follow the same naming convention across your project. If you start with camelCase, stick with it everywhere.

let userName;
let userEmail;
let userPassword;

❌ Common Mistakes to Avoid

📝 Summary

Variable naming conventions in JavaScript are not just about rules but also about writing code that others can easily read and understand. The key points are: always start with a valid character, avoid reserved keywords, follow camelCase for variables, PascalCase for classes, and use meaningful names. By following these practices, you make your code more professional, consistent, and maintainable.