DEV Community

Shameel Uddin
Shameel Uddin

Posted on

JavaScript Variable: Declaration vs. Initialization

#javascript #programming #beginners #tutorial

In programming, variable declaration and initialization are two fundamental concepts that involve creating and assigning values to variables. Here's what each term means:

Variable Declaration:

Example:



   var shameel
Enter fullscreen mode Exit fullscreen mode
  • Declaring a variable means, that we are just creating the container at the moment.
  • var is the keyword that is used to declare the variable.
  • Name of the variable is shameel. You can give any name here considering it is not against the rules of variable in JavaScript.

Image description

Variable Initialization:

Example:



   shameel = 1
Enter fullscreen mode Exit fullscreen mode
  • Initializing a variable means, we assign a value to it right after its creation in one command/line

You can combine variable declaration and initialization in a single step as well:



var shameel = 1
Enter fullscreen mode Exit fullscreen mode

Image description

Declaration and Initialization for var, let and const

let:

  • You can declare a variable with let.
  • You can initialize a variable with let.
  • You can both declare and initialize a variable with let in a single step.

Example:



   let age; // Declaration
   age = 25; // Initialization
   let name = "John"; // Declaration and initialization in one step
Enter fullscreen mode Exit fullscreen mode

var (not recommended in modern JavaScript):

  • You can declare a variable with var.
  • You can initialize a variable with var.
  • You can both declare and initialize a variable with var in a single step.

Example:



   var x; // Declaration
   x = 10; // Initialization
   var y = 20; // Declaration and initialization in one step
Enter fullscreen mode Exit fullscreen mode

const:

  • You can declare a variable with const, but you must initialize it at the same time. You cannot declare a const variable without an initial value.
  • You cannot reassign a new value to a const variable after it's been initialized. It remains constant.

Example:



   const pi = 3.14; // Declaration and initialization in one step
   // You cannot do this: const e; // Error: Missing initializer in const declaration
   // You cannot do this: pi = 3.14159; // Error: Assignment to constant variable
Enter fullscreen mode Exit fullscreen mode

In summary, you can both declare and initialize variables using let and var. With const, you must declare and initialize the variable in a single step, and it cannot be reassigned after initialization.

Side note

It's important to note that not all programming languages handle variable declaration and initialization in the same way, and the rules can vary. Some languages require variables to be explicitly declared before use, while others may allow variables to be implicitly declared upon initialization. Understanding these concepts is essential for writing correct and efficient code in any programming language.

Happy coding! 🚀👨‍💻🌐

Follow me for more such content:
LinkedIn: https://www.linkedin.com/in/shameeluddin/
Github: https://github.com/Shameel123

Top comments (2)

Collapse
 
voko profile image
Ko • • Edited

Why did you decide that "var" is obsolete? With "var" you can write code like a human and not like a machine.

function test(x) {
    var x = x ?? 10;
    var y = x * 2;
};
function test(x) {
    try {
        var data = parse(x);
    } catch(e) {};
    console.log(data);
};
async function test(x) {
    var [error, user] = await loadUser();
    if (error) {
        // ....
    };
    var [error, post] = await loadPost();
};
Enter fullscreen mode Exit fullscreen mode
Collapse
 
shameel profile image
Shameel Uddin •

For starters, I did not "decide".

I presented my PoV just like you did. :)

Stay humble.

Read next

hitesh_developer profile image

Angular vs Next.js: A Detailed Comparison

Hitesh Chauhan -

pvsdev profile image

Brain debugging. Interview with Anders Schau Knatten, author of "C++ Brain Teasers: Exercise Your Mind"

Anastasiia Vorobeva -

mikeyoung44 profile image

AI System Learns How Objects Interact in Images to Generate New Scenes with Same Relationships

Mike Young -

ehtesham_ali_abc367f36a5b profile image

Dockerize CodeIgniter 3: A Step-by-Step Guide

Ehtesham Ali -