Variables

One of the most powerful features of a programming language is the ability to manipulate variables. A variable is a name that refers to a value. Recall that a value is a single, specific piece of data, such as a specific number or string. Variables allow us to store values for later use.

A useful visual analogy for how a variable works is that of a label that points to a piece of data.

In this figure, the name programmingLanguage points to the string value "JavaScript". This is more than an analogy, since it also is representative of how a variable and its value are stored in a computer’s memory.

With this analogy in mind, let’s look at how we can formally create variables in JavaScript.

Declaring and Initializing Variables With let

To create a variable in JavaScript, create a new name for the variable and precede it with the keyword let:

let programmingLanguage;

This creates a variable named programmingLanguage. The act of creating a variable is referred to as variable declaration, or simply declaration.

Once a variable has been declared, it may be given a value using an assignment statement, which uses = to give a variable a value.

let programmingLanguage;
programmingLanguage = "JavaScript";

The act of assigning a variable a value for the first time is called initialization.

The first line creates a variable that does not yet have a value. The variable is a label that does not point to any data.

The second line assigns the variable a value, which connects the name to the given piece of data.

It is possible to declare and initialize a variable with a single line of code. This is the most common way to create a variable.

let programmingLanguage = "JavaScript";

var programmingLanguage = "JavaScript";

To give a variable a value, use the assignment operator, =. This operator should not be confused with the concept of equality, which expresses whether two things are the “same” (we will see later that equality uses the === operator). The assignment statement links a name, on the left-hand side of the operator, with a value, on the right-hand side. This is why you will get an error if you try to run:

"JavaScript" = programmingLanguage;

An assignment statement must have the name on the left-hand side and the value on the right-hand side.

programmingLanguage = "JavaScript";

Evaluating Variables

After a variable has been created, it may be used later in a program anywhere a value may be used. For example, console.log prints a value; we can also give console.log a variable.

console.log("Hello, World!");

let message = "Hello, World!";
console.log(message);

When we refer to a variable name, we are evaluating the variable. The effect is just as if the value of the variable is substituted for the variable name in the code when executed.

let message = "What's up, Doc?";
let n = 17;
let pi = 3.14159;

console.log(message);
console.log(n);
console.log(pi);

What's up, Doc?
17
3.14159

In each case, the printed result is the value of the variable.

Like values, variables also have types. We determine the type of a variable the same way we determine the type of a value, using typeof.

let message = "What's up, Doc?";
let n = 17;
let pi = 3.14159;

console.log(typeof message);
console.log(typeof n);
console.log(typeof pi);

string
number
number

The type of a variable is the type of the data it currently refers to.

Reassigning Variables

We use variables in a program to “remember” things, like the current score at the football game. As their name implies, variables can change over time, just like the scoreboard at a football game. You can assign a value to a variable and later assign it a different value.

To see this, read and then run the following program in a code editor. You’ll notice that we change the value of day three times, and on the third assignment, we even give it a value that is of a different data type.

let day = "Thursday";
console.log(day);

day = "Friday";
console.log(day);

day = 21;
console.log(day);

A great deal of programming involves asking the computer to remember things. For example, we might want to keep track of the number of missed calls on your phone. Each time another call is missed, we can arrange to update a variable so that it will always reflect the correct total of missed calls.

Check Your Understanding

let day = "Thursday";
day = 32.5;
day = 19;
console.log(day);

1: let a;
2: a = 42;
3: a = a + 3;