🔰execution context

state to track the execution progress of code.

JS ⟩ concept ⟩ execution context

An execution context contains whatever implementation specific state is necessary to track the execution progress of its associated code.

It may contain (but not limited to) the following：

• lexical environment - stores variables/this ...

• code evaluation state - state needed to perform/suspend/resume evaluation of the code associated with this execution context.

📘 JS spec ⟩ 8.2 Execution Contexts

⭐️ 重點

function declaration instantiation

running execution context

At any point in time, there is at most one execution context that is actually executing code. This is known as the running execution context.

call stack

A stack is used to track execution contexts. The running execution context is always the top element of this stack.

🔴 主題

• running execution context

• call stack - track execution contexts.

• lexical environment - part of execution context.

• function declaration instantiation

👥 相關

• lexical environment is part of execution context.

• function declaration instantiation - the proccess before calling a function.

• scope of a code block - can reach all its parents lexical environment.

• scope chain

• this is a property of execution context (more specifically, lexical environment).

📗 參考

• Anil ⟩ Scope, Lexical Environment and Scope Chain in JavaScript ⭐️

• freeCodeCamp ⟩ JavaScript Execution Context – How JS Works Behind The Scenes

📘 手冊

• JS spec ⟩ Execution Contexts

🗣 討論

• What is the difference and relationship between execution context and lexical environment?

• Lexical environment and function scope