Let's understand the Difference between  var, let, and const in JavaScript with me!

Photo by Growtika on Unsplash

Let's understand the Difference between var, let, and const in JavaScript with me!

Table of contents

Introduction:

JavaScript is a popular programming language used to create interactive websites and web applications. One of the fundamental things you'll do in JavaScript is work with variables, which are like containers for storing information. In JavaScript, there are three ways to declare variables: var, let, and const. Let's break down the differences in a beginner-friendly way.

1. var: The Old Way

  • Scope: Variables declared with var are like boxes that can be used anywhere in your code. This can sometimes lead to confusion and unexpected behavior because a variable declared inside a function can affect the whole program.

  • Hoisting: With var, JavaScript brings all the boxes to the top of your code, even if you declare them later. But they're empty until you put something in them. This can lead to surprises.

Let's understand in Hinglish: var-function scoped hota hai.

2. let: The Block Keeper

  • Scope: Variables declared with let are like boxes that only work within the block (a chunk of code between curly braces) where you put them. This is easier to understand and less likely to cause problems.

  • Hoisting: let still get hoisted, but it doesn't get filled with an empty value. You'll get an error if you try to use it before putting something inside.

3. const: The Constant Protector

  • Immutability: Variables declared with const are like boxes that you can't change once you put something inside. It's useful when you want to make sure a value never changes accidentally.

  • Scope: Just like let, const variables also stay inside the block where you create them.

Let's understand in Hinglish: let & const-function scoped hota hai.

Which one to use?

  • Use const when you have something that should never change, like mathematical constants or configuration settings.

  • Use let when you have a variable that might change, like a score in a game.

  • Avoid using var in modern JavaScript because it can make your code confusing and harder to manage.

Conclusion:

Understanding the differences between var, let, and const helps you write better JavaScript code. So, remember: var is the old way with some quirks, let is for keeping things in check within blocks, and const is for protecting constant values. Happy coding!