Execution Context & the Call Stack — Visually Illustrated by a Slice of Tasty Chocolate Cake

Here’s a list of my best web development tutorials.

Complete CSS flex tutorial on Hashnode.

Ultimate CSS grid tutorial on Hashnode.

Higher-order functions .map, .filter & .reduce on Hashnode.

Follow me @ Twitter, Instagram & fb to never miss premium articles.

My Coding Books

Global Scope created internally by JavaScript as var window = Window() (rough equivalent) behind the veil. Global Scope acts as the 1ST automatically created Execution Context roughly at the time when browser opens a URL:

Global Scope is the first Execution Context on The Call Stack.

A new Execution Context is spawned from a scope containing variable definition and the binding of the this object. Essentially the this object in a given EC is the link to the object context under which it operates:

The binding of the this object across Execution Contexts on The Call Stack.