Understanding JavaScript Execution Context and Hoisting

Day 4 of #30DaysOfJavaScript: Mastering Array Transformations Without .map() 🚀 Today’s task was about thinking beyond built-in methods by writing a custom function to transform every element of an array, similar to how .map() works in JavaScript — but doing it all manually! My solution involved iterating over the input array and applying a transformation function to each element, building up a new array with the results: What I learned today: Reinforced fundamentals of array traversal and callback functions. Understood how helpful built-in methods like .map() are—and exactly how they work under the hood. Practiced writing cleaner, modular, and reusable code. Challenging myself with these basics is already making my JavaScript much stronger! On to Day 5 🔥 Are you also on a coding challenge journey? Let’s connect and learn together! #JavaScript #CodingChallenge #WebDevelopment #LearningByDoing #LeetCode #ProblemSolving #TechCommunity

Diving into a core concept in JavaScript today: undefined and the Global Execution Context! Ever wondered why a newly declared variable in JS initially holds the value undefined? It's not magic, it's the meticulous work of the JavaScript engine! When your script first runs, the engine sets up the Global Execution Context. Think of this as the main environment for your code. It has two crucial phases: -Memory Creation Phase: Here, the engine scans your code for variable and function declarations. For every variable it finds, it allocates space in the memory component and automatically assigns the value undefined as a placeholder. -Code Execution Phase: Only then does the engine start running your code line by line, finally assigning actual values to your variables. So, undefined isn't just a random state; it's a deliberate signal from the engine that a variable exists but hasn't yet received its defined value during the execution flow. Understanding this helps demystify a lot of common JS behaviors! What are your thoughts on how JavaScript handles undefined? #JavaScript #WebDevelopment #Programming #ExecutionContext #Undefined #Memory #Code

🚀 Day 5 of My 30 Days of JavaScript Challenge 🧩 Problem: Apply Transform Over Each Element in Array (LeetCode #2635) Given an integer array arr and a mapping function fn, return a new array such that: newArray[i] = fn(arr[i], i) Solve this without using the built-in Array.map() method. 💻 Language: JavaScript ❓ Question: https://lnkd.in/eq8qYfpb 💡 Solution: https://lnkd.in/eT5U2kBp 🧠 Concepts Used: Higher-order functions (passing functions as arguments) Loops and callback functions Core idea behind how .map() works internally 📚 Takeaway: By recreating the Array.map() method manually, I learned how callback execution and array transformations work under the hood — a must-know for mastering JavaScript fundamentals. #Day5 #JavaScript #30DaysOfCode #LeetCode #CodingChallenge #WebDevelopment #FrontendDevelopment #100DaysOfCode

🔄 Day 163 of #200DaysOfCode After exploring advanced topics in JavaScript, I decided to slow down and revisit one of the most timeless logic challenges — reversing an array without using the built-in reverse() method. 🌱 It might seem like a simple exercise, but it teaches you something very powerful — how data moves in memory, how to swap values efficiently, and how small logic patterns build the foundation for solving complex problems later on. In JavaScript, it’s easy to rely on built-in functions, but when you write logic manually, you begin to understand the real mechanics behind how things work — and that’s what makes you a stronger developer. 💡 Problems like these remind me that mastery isn’t about how many advanced concepts you know, but how deeply you understand the basics. 🔁 Even experienced developers revisit their roots from time to time — because fundamentals never go out of style. Keep learning. Keep building. Keep evolving. #JavaScript #CodingChallenge #BackToBasics #163DaysOfCode #LearnInPublic #WebDevelopment #DeveloperMindset #ProblemSolving #CodingJourney

🌀 𝗠𝗮𝘀𝘁𝗲𝗿𝗶𝗻𝗴 `𝗦𝘆𝗺𝗯𝗼𝗹.𝗶𝘁𝗲𝗿𝗮𝘁𝗼𝗿` — Build Your Own Iterable in JavaScript In my latest article for 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗶𝗻 𝗣𝗹𝗮𝗶𝗻 𝗘𝗻𝗴𝗹𝗶𝘀𝗵, I unpack how you can teach your JavaScript objects to behave like arrays — enabling you to use `for…of`, spread syntax, and more. 👉 𝗥𝗲𝗮𝗱 𝗵𝗲𝗿𝗲:(https://lnkd.in/dTNYSmyp Here’s what you’ll take away: ✅ How the `Symbol.iterator` protocol is the invisible engine behind every iterable — arrays, strings, maps, sets.  ✅ The step-by-step for turning any object into something you can loop over with ease.  ✅ Why mastering iteration opens up a new level of flexibility in your JavaScript tool-belt — making you a more empowered developer. 💡Use this insight to stop 𝗷𝘂𝘀𝘁 𝘂𝘀𝗶𝗻𝗴 objects and start 𝗱𝗲𝘀𝗶𝗴𝗻𝗶𝗻𝗴 them — more power, more clarity, more control. #JavaScript #WebDevelopment #Coding #Iterables #SymbolIterator #LearnToCode #DeveloperMindset

🔄 Day 164 of #200DaysOfCode Today, I revisited another classic JavaScript problem — removing duplicates from an array without using Set() or advanced methods. 💡 While there are modern one-liners that can handle this task in seconds, manually writing the logic helps build a deeper understanding of how arrays, loops, and conditions work together. This small challenge reinforced two key lessons: 1️⃣ Efficiency matters — Writing logic by hand makes you think about time complexity and performance. 2️⃣ Simplicity is strength — The most effective solutions are often the ones built from fundamental principles. 🔁 As developers, it’s not just about knowing shortcuts — it’s about understanding the why behind every concept. Revisiting such basic problems sharpens logical thinking and improves our ability to write cleaner, more optimized code. 🌱 Mastering the basics is not a step backward — it’s the foundation for everything advanced. #JavaScript #CodingChallenge #BackToBasics #164DaysOfCode #LearnInPublic #DeveloperMindset #WebDevelopment #ProblemSolving #CodingJourney

🚀 Starting My JavaScript Revision Journey! Body: Yesterday, I went back to the basics of JavaScript to strengthen my foundation. Here’s what I revised: 🟡 Variables — var, let, and const and when to use them 🟡 Scope — Global variables (accessible everywhere) — Local variables (accessible within a function/block) 🟡 Data Types — Primitive: string, number, boolean, null, undefined, symbol, bigint — Non-Primitive: objects, arrays, functions It’s amazing how revisiting fundamentals clears a lot of confusion! What JavaScript concept took you time to understand when starting out? #JavaScript #BackendDevelopment #LearningJourney #Coding

🚀 Day 3 of My 30 Days of JavaScript Challenge 🧩 Problem: Implement expect() Function (LeetCode #2704) Write a function expect that helps developers test their code. It takes a value val and returns an object with two methods: toBe(val) → returns true if both values are strictly equal (===), else throws "Not Equal" notToBe(val) → returns true if both values are not strictly equal (!==), else throws "Equal" 💻 Language: JavaScript ❓ Question: https://lnkd.in/eJcRKeme 💡 Solution: https://lnkd.in/eZY9mYHN 🧠 Concepts Used: Higher-order functions (function returning object with functions) Error handling using throw new Error() Strict equality (===) in JavaScript 📚 Takeaway: This exercise reinforces function design, object methods, and error handling — the foundation for building custom testing utilities and debugging tools in JavaScript. #Day3 #JavaScript #LeetCode #30DaysOfCode #CodingChallenge #WebDevelopment #FrontendDevelopment #100DaysOfCode

Day 5 of #30DaysOfJavaScript: Creating My Own Filter Function from Scratch! 🎯 Today, I tackled a great exercise that challenged me to build a custom filter function without using JavaScript’s built-in .filter() method. This involved iterating over an array and using a callback function to decide which elements to keep based on truthy values. Here’s a peek at the solution I wrote: Key takeaways from this challenge: Deepened my understanding of higher-order functions and callback usage. Learned how to evaluate truthy and false values in JavaScript more effectively. Gained appreciation for the power and convenience of built-in array methods by implementing one manually. This hands-on approach is helping me grasp fundamental JavaScript concepts in detail while preparing for real-world coding challenges. Excited to keep growing and solving more problems along the way! Let’s connect and share knowledge. #JavaScript #CodingChallenge #WebDevelopment #LeetCode #ArrayMethods #LearningByBuilding #DeveloperJourney