Execution Context

01 How It Works

Think of an isolated sandbox room containing all tools, documents, and rules required for a specific task.

Every execution context contains three core properties: Lexical Environment, Variable Environment, and the 'this' binding value.

let globalVar = "Global";
function run() {
  let localVar = "Local";
  console.log(globalVar, localVar);
}
run();

1. 1. Code evaluation triggers context creation.

2. 2. Variable and function bindings are registered during creation phase.

3. 3. Code statements are evaluated during execution phase.

02 Practical Example

Here is how you might see this concept applied in real-world code:

const obj = {
  id: 101,
  showContext() { console.log(this.id); }
};
obj.showContext();

Related Concepts

• Global Execution Context
• Function Execution Context