JavaScript Variables

Introduction

When declaring variables in JavaScript, you have the option to use the var, let, or const keywords. Var is the traditional way of declaring variables, while let and const were introduced in ES6.

To declare a variable using var, simply write var followed by the variable name, an equals sign, and the value or expression. For example:

var number = 5;

When using let, the process is the same. For example:

let userName = "John";

The key difference is that var has function scope, while let has block scope, meaning let variables are limited to the block in which they are defined.

Finally, to declare a constant variable, use the const keyword. Const works like let, but once a value is assigned, it cannot be changed. For example:

const PI = 3.14159;

What Are Variables?

Variables are named storage containers used in programming to hold values that can be changed or manipulated. In JavaScript, they can store and manipulate data such as numbers, strings, objects, and functions.

To declare a variable in JavaScript, use the let keyword followed by the variable name. For example:

let age;
let name = "John"; 

Variables are essential for managing data in a program, allowing for dynamic and interactive applications.

Why Are Variables Important in Programming?

Variables are critical in programming because they store, access, and manipulate data within a program. They act as placeholders for values that can change, making the code flexible. Without variables, it would be impossible to handle user input, calculations, and results efficiently.

Variable Declaration

In JavaScript, variables can be declared using the let keyword. For example:

let myVar;

To assign a value, use the assignment operator =:

myVar = 10;

You can also declare and assign in one line:

let myVar = 10;

The let keyword is preferred for variables that might be reassigned.

How to Declare a Variable in JavaScript

Variables can also be declared using var. For example:

var age;

When using var, it's important to note that variables are "hoisted," meaning their declaration is moved to the top of their scope during compilation. This can lead to unexpected behavior if not carefully managed.

Naming Variables

In JavaScript, variable names follow specific rules:

  • They can only contain letters, numbers, dollar signs ($), and underscores (_).
  • They must start with a letter, dollar sign, or underscore.
  • Variable names cannot be reserved keywords like function or class.

CamelCase is recommended for naming variables, such as firstName or totalAmount.

Rules for Naming Variables in JavaScript

  • Variable names must start with a letter, underscore, or dollar sign.
  • JavaScript is case-sensitive, so myVariable and myvariable are different.
  • Avoid using reserved keywords.

Use descriptive names to improve code readability and avoid cryptic single-letter names.

Best Practices for Naming Variables

Thoughtful variable names make code easier to understand and maintain. Always use meaningful names that describe the variable's purpose to promote better collaboration with other developers.

Variable Assignment

In JavaScript, variables are declared using let and values are assigned using the = operator. For example:

let age = 25;

To copy the value of one variable to another:

let firstNumber = 10;
let secondNumber = firstNumber;

Using the let keyword ensures block-scoping, while the assignment operator assigns values.

Assigning Values to Variables in JavaScript

Values are assigned using the = operator. Examples:

let myNumber = 10;
let myString = "Hello, world!";
let myBoolean = true; 

JavaScript is loosely typed, so variables can change data types.

Primitive Data Types

Primitive data types in JavaScript include:

  • String
  • Number
  • Boolean
  • Null
  • Undefined
  • Symbol

Primitive types are immutable and stored by value.

Examples of Primitive Data Types

  • Numbers: 3, 3.14, -10
  • Strings: "hello", "123", "JavaScript"
  • Booleans: true, false

These data types are simple and efficient for basic operations in JavaScript.

Create a free account to access the full topic

“It has all the necessary theory, lots of practice, and projects of different levels. I haven't skipped any of the 3000+ coding exercises.”
Andrei Maftei
Hyperskill Graduate