🔥 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 👇