14. Variable declarations & scope | The let, var, const & hoisting concept | JS Bangla Tutorial

জাভাস্ক্রিপ্ট প্লেলিস্টের ১৪তম পর্বে স্বাগতম! আজকের টপিকটি জাভাস্ক্রিপ্ট ইন্টারভিউতে সবচেয়ে বেশি জিজ্ঞেস করা প্রশ্নগুলোর মধ্যে একটি। আমরা এতদিন `let` দিয়ে কোড করেছি, কিন্তু `var` এর সমস্যাটা কোথায়? `Hoisting` আসলে কী? এই ভিডিওতে আমরা মেমোরি লেভেলে গিয়ে এই পার্থক্যগুলো বুঝেছি।

🔍 **এই ভিডিওতে যা যা শিখবেন (Topics Covered):**

১. **Var vs Let/Const (Scope Difference):**
- **var:** এটি ফাংশন স্কোপড (Function Scoped)। এর মানে `{ }` বা ব্লকের বাইরে থেকেও একে অ্যাক্সেস করা যায়, যা কোডে বাগ তৈরি করতে পারে।
- **let & const:** এরা ব্লক স্কোপড (Block Scoped)। অর্থাৎ `{ }` এর ভেতরে ডিক্লেয়ার করলে বাইরে থেকে অ্যাক্সেস করা যায় না। এটি কোডকে নিরাপদ রাখে।

২. **Hoisting (হোয়িস্টিং):**
জাভাস্ক্রিপ্ট ইঞ্জিন কোড রান করার আগে ভেরিয়েবল ডিক্লেয়ারেশনগুলোকে উপরে নিয়ে যায়। একে Hoisting বলে।
- `var` দিয়ে ডিক্লেয়ার করলে ভ্যালু হিসেবে `undefined` সেট হয়।
- `let` বা `const` দিয়ে ডিক্লেয়ার করলে তা মেমোরিতে জায়গা নেয় কিন্তু ইনিশিয়ালাইজ হয় না (একে Temporal Dead Zone বলে), তাই অ্যাক্সেস করতে গেলে `ReferenceError` দেয়।

৩. **Redeclaration & Initialization:**
একই নামের ভেরিয়েবল `var` দিয়ে বারবার তৈরি করা যায়, কিন্তু `let` বা `const` দিয়ে একবারের বেশি ডিক্লেয়ার করা যায় না।

👨‍💻 **Code Example:**
// Scope Example
if (true) {
var a = 10;
let b = 20;
}
console.log(a); // Output: 10 (সমস্যা, ব্লকের বাইরেও পাওয়া যাচ্ছে)
console.log(b); // Output: Error (নিরাপদ, ব্লকের বাইরে পাওয়া যাচ্ছে না)

// Hoisting Example
console.log(x); // Output: undefined
var x = 5;

console.log(y); // Output: ReferenceError
let y = 5;

ভিডিওটি ভালো লাগলে লাইক দিন এবং সাবস্ক্রাইব করে সাথেই থাকুন।

▶️ RELATED PLAYLISTS:
Full HTML for Beginners Playlist: https://www.youtube.com/playlist?list=PLmYmd3vfQgbCRmpYLzI0Ww4OY4d6Wmk4v
Full CSS for Beginners Playlist: https://www.youtube.com/playlist?list=PLmYmd3vfQgbCMYaZhKilPoaOVqXWh5Y7j

🔗 RESOURCES:
Play the Game: https://arman18.github.io/gomoku-web/

📱 MY MOBILE APP
I also built a mobile app! Check out Due Manager: all in one todo
Watch the features video: https://www.youtube.com/watch?v=W72QtLSwdK0&list=PLmYmd3vfQgbB29yWbeimu6pK3uP-VS-9f&index=1
Download on Google Play: https://play.google.com/store/apps/details?id=com.github.arman18.duemanager

👋 CONNECT WITH CSE PHOBIA:
Welcome to CSE Phobia, the channel dedicated to helping you conquer your fear of web development. Our mission is simple: to take you "From phobia to fluency."

- Follow on Facebook: https://www.facebook.com/csephobia
- Email: csephobia@gmail.com
- Subscribe Now!!!

#webdevelopment #html #html5 #htmltutorialforbeginners #htmltutorial #htmlcss #htmlelements #htmlcsswebsite #css #css3 #learnwebdevelopment #frontenddevelopment #codingforbeginners #programming #webdesign #CSEphobia #learntocode #webdevelopmenttutorials #developerlife #programminginbangla #webdevelopmentguide #webdevelopment2025 #frontendcourse #bangla_web_development #htmlbanglatutorial #roadmap2025 #education #webdesigntutorial #webdesignbanglatutorial #webdeveloper #webdesigningcourse #webdevelopmentcourses #banglatutorial #bengalitutorial #learnhtml #learncss #codingtutorial #techlearning #csephobia #JavaScript #Hoisting #LetVsVar #Scope #BanglaTutorial #WebDevelopment

Видео 14. Variable declarations & scope | The let, var, const & hoisting concept | JS Bangla Tutorial канала CSE Phobia