EP-01 | How JavaScript Works π₯& Execution Context
π§ What Is Execution Context? (Simple Words) Think of the execution context like a classroom where JavaScript works. There is a whiteboard where all important notes (variables & functions) are written β Memory Component There is a teacher who reads and executes each instruction one-by-one β Thread of Execution π 1. Memory Component (Variable Environment)
π§ Simple Meaning: A place where JavaScript stores data before running the code. π Real-Life Example: Imagine you enter a classroom and the teacher writes names on the board: greet = function(){...} The whiteboard is the memory component, storing data before the lesson starts. π 2. Code Component (Thread of Execution)
π§ Simple Meaning: The part where JavaScript executes code line by line, like a teacher reading instructions one after another. π Real-Life Example: After writing on the whiteboard (memory),
the teacher starts reading the notebook: Say hello to the students Move to next instruction The teacher cannot read two lines at the same time. That is the thread of execution. π 3. JavaScript Is Synchronous & Single-Threaded
π§ Simple Meaning: JavaScript does ONE thing at a time and in order. π Real-Life Example: Imagine a student reading a book aloud. They must finish one sentence before starting the next. They cannot read two sentences at the same time. Thatβs how JavaScript worksβstep-by-step, one-by-one. π‘ Full Real-Life Example Putting It All Together
`Code:
var name = "Sara";
function sayHi() { console.log("Hi " + name);
} π§ Real-Life Breakdown: Memory Component (Whiteboard) Thread of Execution (Teacher reading steps) Executes it β prints "Hi Sara" JavaScript finishes this before moving to the next line. Templates let you quickly answer FAQs or store snippets for re-use. Are you sure you want to ? It will become hidden in your post, but will still be visible via the comment's permalink. as well , this person and/or