¿Qué es Hoisting en Javascript? la verdadera explicación que siempre quisiste

🚀 JAVASCRIPT HOISTING - ROADMAP FRONTEND #4: DEMYSTIFYING THE MISUNDERSTOOD CONCEPT → Hoisting explained correctly: it's not "moving code", it's the compilation phase, the lexical environment, and the differences between var and let/const 📌 TIMESTAMPS 00:00:00 Welcome - Roadmap frontend video #4 00:00:40 Initial concept - What hoisting really is 00:01:20 Misconception - Why "moving code" is wrong 00:02:00 Compilation and identification - Memory allocation phase 00:02:15 Lexical environment - Where variables live 00:03:24 Hoisting declarations - Only declarations, no initializations 00:03:54 Hoistable types - var, let, const, functions 00:04:12 Hoisting with var - Undefined initialization 00:05:05 Hoisting with const/let - Temporal dead zone 00:07:18 Goodbye - Next video roadmap 📯 WHAT YOU WILL LEARN *Real Hoisting* - It's not "moving code up", it's memory allocation in the compilation phase *Lexical environment* - Where the JavaScript engine stores variable declarations *Var vs. let/const* - Different behaviors: undefined vs. temporal dead zone *Common misconceptions* - Why most people explain hoisting incorrectly ━━━━━━━━━━━━━━━━━━━━━━━ 🎯 HOISTING DEMYSTIFIED - THE MOST POORLY EXPLAINED CONCEPT IN JAVASCRIPT 1️⃣ *COMMON MISCONCEPTION* - Hoisting is NOT "moving declarations to the top." It's memory allocation during compilation. 2️⃣ *COMPILATION PHASE* - The JavaScript engine identifies declarations and allocates memory BEFORE execution. 3️⃣ *LEXICAL ENVIRONMENT* - The structure where variable bindings are stored during the creation phase. 4️⃣ *VAR HOISTING* - Variables declared with var are initialized with undefined during hoisting. 5️⃣ *LET/CONST HOISTING* - They are also hoisted, but they remain in a temporary dead zone until their declaration line. 6️⃣ *PRACTICAL IMPLICATIONS* - Why understanding hoisting correctly prevents bugs and improves debugging. *Go for it* - Hoisting is simple when you understand it correctly. The confusion comes from incorrect explanations. ━━━━━━━━━━━━━━━━━━━━━━━ 📦 RESOURCES & COMMUNITY **My book**: "How to be a front-end without failing in the attempt" → https://amzn.to/2ReBuzL **Discord community**:   / discord   **Facebook group**: https://shorturl.at/jkmL6 **Podcast**: https://spoti.fi/3y281cY **Donations**: https://streamelements.com/gentlemanp... ━━━━━━━━━━━━━━━━━━━━━━━ ☁️ DONWEB CLOUD SERVER - SPONSOR Self-service infrastructure with the best price-performance ratio → Automatic vertical and horizontal scalability → High availability and redundancy included → Exclusive plans for the community 🎯 Exclusive discounts: https://donweb.com/gentleman ━━━━━━━━━━━━━━━━━━━━━━━ 🤑 DISCOUNTS EXCLUSIVES 🪑 MAIDESITE Standing Desk - 10% OFF → https://maidesite.es/iaxpghpvhf → Code KEGP60 = €60 extra discount! 💻 CodeCrafters - Real Challenges → https://app.codecrafters.io/join?via=... 🎧 Linsoul Audio → https://www.linsoul.com/GentlemanProg... ━━━━━━━━━━━━━━━━━━━━━━━ 📺 WHERE TO FIND ME Twitch:   / gentleman_programming   VOD Channel:    / @gentlemanvods   Kick: https://kick.com/gentleman-programming All my links: https://doras.to/gentleman-programming ━━━━━━━━━━━━━━━━━━━━━━ 💼 COLLABORATIONS AND BUSINESSES Email: [email protected] 🎬 EDITION Editor: Cristian Email: [email protected] Discord: Cristian1812 ━━━━━━━━━━━━━━━━━━━━━━━━ 👨‍💻 ABOUT THIS CHANNEL No-nonsense technical content for developers looking to truly grow. Architecture, clean code, and the tools that really matter in the real world. Subscribe and activate the bell 🔔 #JavaScript #Hoisting #LexicalEnvironment #VarVsLet #TemporalDeadZone #Frontend #Roadmap #CompilationPhase #GentlemanProgramming