🔥 Mastering JavaScript Variables & Hoisting 🚀

If you’re learning JavaScript, you must understand how var, let, and const behave with scope and hoisting. Let’s explore with simple examples 👇

---

✅ Variable Declarations

var a = 10;   // global/function scope
let b = 20;   // block scope
const c = 30; // block scope

console.log(a, b, c); // 10 20 30

a = 100;   // valid
b = 200;   // valid
// c = 300; // ❌ invalid

console.log(a, b, c); // 100 200 30

🔑 Key Takeaways:

• var → function/global scoped 💻
• let → block scoped 📌
• const → block scoped, no reassignment allowed 🚫

---

⚡ Hoisting Example

console.log(x); // undefined
var x = 50;
console.log(x); // 50

👉 var gets hoisted as undefined until assigned.

---

🚫 Temporal Dead Zone (TDZ)

console.log(y); // ❌ ReferenceError
let y = 10;

Even though let and const are hoisted, they live in the Temporal Dead Zone until declared.

---

📌 Recap

✅ Prefer let & const in modern JavaScript.
✅ Avoid var unless you know the quirks.
✅ Understand hoisting to debug smarter.

---

💡 What’s your biggest confusion about scope & hoisting? Let’s discuss in the comments 👇