What is a Variable?

JavaScript Tutorials
Programming Variables
Learn JavaScript
What is a Variable? cover image

Understanding Variables in Programming

What is a Variable?

Variables are essential elements in programming as they are used to store information that can be referenced and manipulated in a computer program. They provide a way of labeling data with a descriptive name, making programs more understandable to the reader and ourselves. Think of variables as containers that hold information. Their sole purpose is to label and store data in memory, which can then be used throughout your program.

Assigning Values to Variables

Naming variables can be challenging; it can be difficult to come up with clear and concise variable names. However, it's important to prioritize descriptiveness and understandability when naming variables. Remember that others, including yourself in the future, will need to read and understand the code. Using names that accurately reflect the purpose of the variable will make your code easier to read and maintain. In programming, you assign values to variables using the = symbol, with the variable name on the left and the value on the right.

For example:

  let firstName = 'Joe';
    console.log(firstName);
    // Output: Joe

Here, the string 'Joe' is assigned to the variable firstName.

Note: Do not confuse the assignment operator = with the equality operator ==. The = operator assigns value, while == checks if two values are equal.

Getting Data from a User

To allow user interaction, you can use methods to capture user input. In JavaScript, this can be done with the prompt package.

For example:

  const prompt = require('prompt');

    prompt.start();
    let { name } = await prompt.get(["name"]);
    console.log(name);

    // Input: Bob
    // Output: Bob

The prompt function captures input from the user and stores it in the name variable.

Variable Scope

A variable's scope determines where it is accessible within a program. The scope is defined by where the variable is initialized.

Variable Scope in Functions

In functions, variables initialized within the function are only accessible inside that function.

For example:

let name = 'Somebody Else';

function printFullName(firstName, lastName) {

  let name = firstName + ' ' + lastName;

  console.log(name);

}

printFullName('Peter', 'Henry');  // prints Peter Henry

printFullName('Lynn', 'Blake');   // prints Lynn Blake

console.log(name);                // prints Somebody Else

Here, the name variable inside the printFullName function is separate from the name variable outside it.

Variable Scope and Blocks

A block is a piece of code that follows a control statement, such as if, for, or while, and is delimited by curly braces {}.

For example:

let total = 0;

\[1, 2, 3].forEach(function(number) {

  total += number;

});

console.log(total);  // Output: 6

total = 0;

for (let i = 0; i < 3; i++) {

  total += (i + 1);

}

console.log(total);  // Output: 6

In both cases, the block can access and modify the total variable defined outside the block. However, variables initialized inside the block (like i and number) can't be accessed outside the block.

Types of Variables

There are three types of variables in JavaScript: var, let, and const.

- var: Declares a variable, optionally initializing it to a value. var has function scope, meaning it is available throughout the function it is declared in.

var varVariable = 'I am a var variable';

- let: Declares a block-scoped local variable, optionally initializing it to a value. let is preferable to var due to its block scope.

let letVariable = 'I am a let variable';

- const: Declares a block-scoped, read-only named constant. The value of a const variable cannot be changed through reassignment.

const constVariable = 'I am a const variable';

Example of Variable Scope

let a = 5;  // variable is initialized in the outer scope

for (let i = 0; i < 3; i++) { 

  // block scope with a for loop

  a = 3;  // a is accessible here, in an inner scope

  let b = 5;  // b is initialized in the inner scope

}

console.log(a);  // Output: 3

console.log(b);  // ReferenceError: b is not defined

In this example, the variable a is accessible inside and outside the block, while b is only accessible within the block.

Understanding variables, scope, and types is fundamental to writing clear and effective programs. By carefully naming and using variables, you can create code that is both functional and easy to understand.


Career Services background pattern

Career Services

Contact Section background image

Let’s stay in touch

Code Labs Academy © 2024 All rights reserved.