DEV Community

Cover image for Learning JavaScript the easy way: Variables
Adetayo Akinsanya
Adetayo Akinsanya

Posted on • Updated on

Learning JavaScript the easy way: Variables

Reviving JavaScript Learning: Let's Dive into Variables!

Hey there ✋, wonderful readers! It's been a little while, but guess what? I'm back and more excited than ever to embark on a journey of creating some fantastic beginner-friendly content. If you're new here, welcome aboard; if you've been with us before, it's great to have you back! Get ready to roll up your sleeves and dig into the world of JavaScript variables in this refreshing new part.

JavaScript Variables: Your Gateway to Coding Awesomeness

In our ongoing series, "Learning JavaScript the Easy Way," we're all about simplifying the complexities of coding. Today, we're going to tackle a fundamental concept that's like the building block of your coding adventures: JavaScript variables.

What Are Variables and Why Should You Care?

In the programming world, variables act as the ultimate containers for your data. Whether it's a person's name, an age, or even the result of a mind-bending calculation, variables give meaning to your data. Imagine a labeled box that holds your precious information, and you're pretty much there!

And the best part? JavaScript variables are super flexible. They can hold various types of data, from numbers to text and everything in between. This flexibility is what we mean by JavaScript being "loosely typed." It's like a wild card that lets you adapt to different situations effortlessly.

Declaring Variables

Alright, let's get hands-on! To start using variables, you need to declare them. Think of it as marking your territory in the coding playground. In JavaScript, we've got a few friends to help us out: var, let, and const.

Unveiling the Power with var and let

To declare a variable, you'll use var or let, followed by the variable's name:

To declare a variable in JavaScript, we use keywords such as var, let, or const. These keywords signal how the variable can be used and the scope it's associated with.

var message; // Declaration without initialization

let count;   // Another variable declaration
Enter fullscreen mode Exit fullscreen mode

You can even declare and initialize multiple variables in a single line:

JS let firstName = "Alice", lastName = "Johnson";

Using the var and let Keywords

For variable declaration, you use the var or let keyword followed by the variable name:

var message; // Declaration without initialization  let count;   // Another variable declaration
Enter fullscreen mode Exit fullscreen mode

If you declare a variable without assigning a value, like in the examples above, the variable is said to be declared but not initialized. It holds the value undefined.

To initialize a variable during declaration, you can do:

var username = "John"; // Declare and initialize  
let age = 30;          // Another example
Enter fullscreen mode Exit fullscreen mode

You can declare and initialize multiple variables in a single statement:

let firstName = "Alice", lastName = "Johnson";
Enter fullscreen mode Exit fullscreen mode

Undefined and Undeclared Variables

Ever met someone you've heard about but never talked to? That's an undefined variable. It's been introduced (declared), but it hasn't spilled the beans about itself (assigned a value). So, it's kind of like an unfinished story – you know there's something there, but you don't know what.

On the flip side, an undeclared variable is like trying to find Bigfoot – it just doesn't exist. If you use an undeclared variable, JavaScript gets all puzzled and throws a ReferenceError at you.

let greeting;          // Undefined variable console.log(greeting); // Outputs: undefined  console.log(response); // Throws: ReferenceError: response is not defined
Enter fullscreen mode Exit fullscreen mode

Ready to Dive Deeper? Scopes Await!

In JavaScript, the fun doesn't stop at variables – it's all about where they live and who they hang out with. That's where scopes come into play. We've got global, function, and even block scopes to keep things interesting. Don't worry, we'll explore these captivating territories in our upcoming chapters.

Let's Create Something Awesome Together

So, there you have it, the spark to reignite your coding journey! As we embark on this thrilling adventure together, remember that variables are your trusty companions on the road to coding awesomeness. Buckle up, because we're just getting started. Stay tuned for more beginner-friendly insights, tips, and tricks – the coding world is at your fingertips, and I'm here to guide you every step of the way! and at the same time learn with you.

Top comments (2)

Collapse
 
ant_f_dev profile image
Anthony Fung

Great intro!

Hope I'm not giving a future-article spoiler by saying that var and let allow the variables to be reassigned; const variables cannot be reassigned, which can help in reducing bugs in the right circumstances.

Collapse
 
unkletayo profile image
Adetayo Akinsanya

Not raelly, I like spoilers myself I'm not of a fan of suspense, I was planning on treating that along with scopes in the next article.

Thanks for the comment Anthony,