Understanding JavaScript's this binding and lexical scope

🚀 Day 6 of Learning JavaScript Today I explored one of the most important core concepts in JavaScript — Functions and how JavaScript handles memory behind the scenes ✅ Functions in JavaScript: → Functions don’t need return type declaration (JS is loosely typed) ▫️Syntax: function name(parameters){ // function body return value } ✅ Types of Functions: 🔹Function Declaration 🔹Function Expression 🔹Arrow Functions (=>) 🔹IIFE (Immediately Invoked Function Expression) ✅ Execution Context & Memory Perspective: → When a JavaScript program starts, Global Execution Context (GEC) is created in the stack. → It stores all declarations (variables and function signatures) that exist outside function blocks. 🔸Function Execution: → Every time a function is called, it creates its own execution context on the stack. → This is where local variables defined within that function are allocated memory. 🔸Function Scope: → Variables created within a function (e.g., let c) are function scoped. → They cannot be accessed outside the function. → If you try to access them, it results in a "ReferenceError", as the variable is not defined in GEC. 🔸Memory Deallocation: → Once a function completes execution and control moves to the next line, its execution context is deallocated (removed from the stack). → This also removes its local variables, which is why they cannot be accessed after the function call. → Finally, the call stack is cleared once the entire program finishes execution. Thank you to Harshit T sir. #webdevelopment #JavaScript #Learning #frontend

🚀 Today’s Learning: JavaScript this Keyword Today I learned about the this keyword in JavaScript and how its value changes based on different contexts 👇 🔹 Global scope 🔹 Inside functions 🔹 Event handlers 🔹 Classes & methods To understand it better, I didn’t just stop at theory — I built a small project 💻 Users can enter details like name, bio, role, and URL, and the UI gets updated dynamically on the page. This project helped me clearly understand one important concept: 👉 this depends on how a function is called, not where it is written. Learning by building makes concepts stick better 🙌 Looking forward to exploring more JavaScript concepts and improving my skills. #JavaScript #ThisKeyword #FrontendDevelopment #WebDevelopment #LearningByDoing #DeveloperJourney #HandsOnProject

🚀 Day 1 of learning JavaScript Today, I officially started my JavaScript journey and explored some of the core concepts that explain how JavaScript actually works under the hood. Here’s what I learned today 👇 🔹 JavaScript is a synchronous, single-threaded language 🔹 Execution Context and how code is executed step by step 🔹 Phases of execution (Memory creation & Code execution) 🔹 Hoisting and why variables/functions behave the way they do 🔹 Difference between undefined and not defined 🔹 Global Execution Context and Function Invocation 🔹 Call Stack and how functions are managed 🔹 Variable Environment 🔹 The role of window, this, global object, and global space This gave me a much clearer picture of why JavaScript behaves the way it does, not just how to write it. Looking forward to building on these fundamentals and turning this knowledge into real projects 💻🔥 👉 For those experienced with JavaScript: Which concept confused you the most when you started? #JavaScript #LearningInPublic #FrontendDevelopment #CSEStudent #StudentDeveloper #WebDevelopment

🚀 JavaScript Learning Journey – Day 10 🚀 Continuing my JavaScript learning by understanding Prototypes, a core concept behind JavaScript’s object-oriented behavior. 🔹 Prototypes in JavaScript Definition: In JavaScript, every object has a prototype, which is another object from which it inherits properties and methods. 🔹 Why Prototypes Matter • Prototypes enable inheritance in JavaScript • They help reuse methods instead of duplicating them for every object • This improves memory efficiency and performance 🔹 How Prototypes Work (Conceptually) • When a property or method is not found on an object, JavaScript looks for it in its prototype • This lookup continues up the prototype chain until it is found or reaches null 🔹 Real-World Examples • Common methods like toString() or push() are available because of prototypes • Custom objects can share common behavior using prototypes • Frameworks and libraries heavily rely on prototypes for reusable functionality 💡 Key Takeaways: Prototypes are the foundation of inheritance and code reuse in JavaScript. Understanding them is essential for mastering objects, classes, and advanced JavaScript concepts. 📌 Strengthening JavaScript fundamentals to better understand how the language works internally. #JavaScript #Prototypes #WebDevelopment #FrontendDeveloper #Programming #LearningInPublic #DeveloperJourney #CareerGrowth #100DaysOfCode

This is my progress so far — building my JavaScript Learning Hub 📚 A few weeks back, I noticed a pattern. As frontend developers, we use JavaScript every day. But when interviews come up, recalling core concepts quickly becomes difficult. Not because we don’t know them — but because we rarely revise them in a structured and focused way. So I started creating my own JavaScript Learning Hub with one simple goal: Quick recall of concepts interviewers ask the most. So far, I’ve covered topics like: - How JavaScript works (execution basics) - Data Types - Hoisting - var, let & const - Closures - this keyword - call, apply & bind - async/await - Promises - JavaScript Modules - Event Bubbling & Capturing - Event Delegation - Shallow copy vs Deep copy - Polyfills - Currying - Common interview questions Each topic is written as short, clear notes with examples, designed to take just 20–30 minutes to revise everything end-to-end. No long tutorials. No unnecessary theory. Just concepts explained in a way that actually sticks. This hub is still in progress, and I’m updating it consistently as I revise and learn more. If you want to explore the docs, you can check them here: https://lnkd.in/g787vD29 Consistency > perfection. Still going. #JavaScript #FrontendDeveloper #ReactDeveloper #InterviewPreparation #LearningInPublic #WebDevelopment #FrontendInterview #DeveloperJourney

𝐃𝐚𝐲 𝟐𝟏 – 𝐌𝐲 𝐖𝐞𝐛 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐦𝐞𝐧𝐭 𝐉𝐨𝐮𝐫𝐧𝐞𝐲 🚀 📘 JavaScript #Lecture 6 Completed – Strings & Date Object Learning JavaScript beyond syntax and into how things actually work 💡 Today’s lecture was all about two things we use every single day in real-world apps — Strings and Dates — but rarely understand deeply. Here’s what I learned today 👇 ✅ What is a String in JavaScript → Strings represent text data → They are immutable (original string never changes) ✅ Ways to create Strings → Single quotes ' ' → Double quotes " " → Template Literals ` ` (modern & powerful) ✅ Why Template Literals are a Game-Changer → Easy string interpolation ${} → Multi-line strings without hacks → Cleaner and more readable code ✅ String Properties & Essential Methods → length, toUpperCase(), toLowerCase() → slice(), substring(), replace() → trim(), includes(), split() → Understanding when & why to use each Date in JavaScript (The Tricky Part 🕒) ✅ Date is an Object → Not a primitive → Mutable in nature ✅ Understanding UTC Time → Why JavaScript internally uses UTC → Importance of time zones in real applications ✅ Zero-Based Months Rule → January = 0, December = 11 → One of the most common real-world bugs ⚠️ ✅ Getting Information from Date Object → getDate(), getMonth(), getFullYear() → getHours(), getMinutes(), getSeconds() ✅ Formatting Dates for Display → Making dates user-friendly → Displaying readable formats instead of raw timestamps 📌 Key Takeaway: Strings & Dates may look simple, but: ✔ They break apps if misunderstood ✔ They are everywhere in real-world projects ✔ Mastering them improves code quality & confidence ✔ Interviewers love concept clarity here Big thanks to Rohit Negi bhaiya for explaining these tricky concepts in such a clear and practical way 🙌 Grateful to be learning with #CoderArmy ❤️ Consistency over motivation. Learning JavaScript step by step, the right way 🚀 #Day21 #WebDevelopmentJourney #JavaScript #StringsInJavaScript #DateObject #TemplateLiterals #FrontendDevelopment #LearningJourney #CoderArmy #Consistency

Leveling up my JavaScript fundamentals! Today I spent time revising and documenting JavaScript Array Methods 📚 From basic operations to powerful functional methods, arrays are everywhere in JS—and mastering them really improves code quality and confidence. ✨ Some methods I explored: • map() • filter() • reduce() • forEach() • slice() & splice() • find() & findIndex() • flat() & flatMap() • includes() …and many more! 💡 Understanding when and why to use each method makes a big difference in writing clean and efficient code. I’m currently focusing on strengthening my core JavaScript concepts and applying them in real projects. Learning one concept at a time, consistently 🚀 If you’re learning JavaScript too, let’s connect and grow together 🤝 Feel free to share your favorite array method in the comments 👇 #JavaScript #WebDevelopment #FrontendDevelopment #LearningJourney #Coding #Developers #JS #Programming #Tech #InternLife #ContinuousLearning #Angular

While learning JavaScript prototypes, I came across this example — and it genuinely changed how I look at objects. At first, prototypes felt confusing and abstract. But when I started tracing:     how the prototype chain works     how JavaScript looks up properties     the difference between hasOwnProperty and the in operator things slowly started to click. This small snippet helped me understand that JavaScript isn’t doing magic — it’s just objects linked to other objects. Sharing this as part of my learning journey. If you’re also diving deep into JavaScript or Node.js, hope this helps 🙂 #FirstPost #JavaScript #Prototypes #NodeJS #LearningInPublic

🚀 Day 44 of My JavaScript Learning Journey Objects, Cloning & Garbage Collection Today’s focus was on how JavaScript objects behave in memory—a topic that’s crucial for writing efficient and bug-free applications. 🔁 Dynamic Nature of Objects JavaScript objects are dynamic: •Properties can be added, updated, or removed at runtime •This flexibility powers real-world features but also demands careful memory handling 🧬 Object Cloning (Not Just Copying!) I learned the difference between reference copy and cloning: let b = a → copies reference, not the object Changes in one affect the other ❌ Preferred Cloning Methods (Shallow Copy): • Spread Operator → { ...obj } • Object.assign() • for...in loop → educational but verbose These methods create independent objects, avoiding unintended side effects. 🗑️ Garbage Collection in JavaScript •JavaScript handles memory automatically using a Garbage Collector: •Frees memory occupied by unused objects •Runs silently in the background •Prevents memory leaks and improves performance •Unlike C/C++, developers don’t manage memory manually—JS does it for us. 🧠 Key Takeaway Understanding object references, cloning, and garbage collection is essential for building scalable and optimized JavaScript applications. ✨ Reflection This lesson strengthened my understanding of how JavaScript works behind the scenes. Knowing how memory and objects behave will help me write cleaner code as I move toward DOM manipulation and React. Onward to more hands-on learning 🚀 #JavaScript #WebDevelopment #LearningInPublic #StudentDeveloper #100DaysOfCode #Frontend #TechJourney

JavaScript’s this keyword is one of the most misunderstood parts of the language — not because it’s complex, but because it’s often explained without context. When I first learned it, this felt unpredictable. Sometimes it worked. Sometimes it didn’t. And most explanations felt like rules to memorize, not ideas to understand. What helped me wasn’t another syntax breakdown — it was changing how I thought about the problem. I started looking at this through a lens I didn’t expect to use while coding: philosophy. In this video, I explore: why this depends on how a function is called why context in JavaScript is closer to action and ownership than to variables and how ideas from René Descartes helped the concept finally click for me This isn’t a “trick” video. It’s an attempt to explain why JavaScript behaves the way it does, not just how to use it. I’m continuing this series by connecting JavaScript fundamentals to how humans reason about identity, context, and change. If you enjoy learning concepts deeply — instead of memorizing patterns — you might find this perspective interesting. I’d love to hear how you approach learning or teaching difficult technical ideas. #JavaScript #SoftwareEngineering #FullStackDevelopment #LearningInPublic #DeveloperMindset #TechnicalLeadership #ProgrammingConcepts