Var, let, and const — Once and For All! 🚀

✅ JavaScript Variables Cheat Sheet — var vs let vs const (With Visual)

If you're a JavaScript developer, knowing the difference between var, let, and const isn't optional — it's foundational.

Here’s a quick cheat sheet to help you write cleaner and bug-free code 🧼🐞

---

🔍 Quick Comparison

---

🔍Quick Comparison

var

• 🔹 Scope: Function

• 🔹 Hoisted: Yes (initialized to undefined)

• 🔹 TDZ: ❌ No Temporal Dead Zone

• 🔹 Reassignable: ✅ Yes

• 🔹 Redeclarable: ✅ Yes

let

• 🔹 Scope: Block

• 🔹 Hoisted: Yes

• 🔹 TDZ: ✅ Yes

• 🔹 Reassignable: ✅ Yes

• 🔹 Redeclarable: ❌ No

const

• 🔹 Scope: Block

• 🔹 Hoisted: Yes

• 🔹 TDZ: ✅ Yes

• 🔹 Reassignable: ❌ No

• 🔹 Redeclarable: ❌ No

🧠 Key Takeaways

• Use const by default (safer and predictable).

• Use let only when reassignment is required.

• Avoid var in modern JavaScript.

• const doesn't mean immutable — objects/arrays can still be changed.

---

💬 What’s your go-to tip when teaching or using JavaScript variables?

Let’s help each other write smarter code. Drop your favorite JS trick below 👇

#JavaScript #WebDevelopment #Frontend #CodeTips #DeveloperTools #CleanCode #CheatSheet