MasteringWebDev
diff --git a/‎JavaScript/ExecutionContext.html‎
Lines changed: 71 additions & 0 deletions b/‎JavaScript/ExecutionContext.html‎
Lines changed: 71 additions & 0 deletions
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Execution Context</title>
+</head>
+<body>
+  <h1>Execution Context</h1>
+
+  <script>
+    /*
+      # Execution Context:
+        - An environment where JS code runs
+        - Provided by JavaScript Engine
+        - Types of execution contexts:
+          - Global Execution Context (GEC)
+          - Function Execution Context(s) (FEC)
+        - 2 Phases in which JS execution happens:
+          - Memory allocation phase
+          - Code execution phase
+
+        - Resources:
+          - JS visualizer: https://pythontutor.com/visualize.html#mode=edit
+      
+      # JavaScript Memory:
+        - Types
+          - Stack Memory: Primitive values
+          - Heap Memory: Non-Primitive values
+
+        - Primitive vs Non-primitive assignement
+          - Primitive: Value gets assigned
+          - Non-primitive: Reference assigned
+    */
+
+    /* ----------------------------- */
+    // var num1 = 10
+    // var num2 = 20
+    // console.log(num1 + num2)
+
+    // Current phase running: CODE EXECUTION
+    // JS Memory
+      // GEC
+      // num1: 10
+      // num2: 20
+
+    /* ----------------------------- */
+    // var x = 20
+    // var y = 40
+
+    // function sum() {
+    //   var num1 = 50
+    //   var num2 = 100
+    //   console.log(num1 + num2)
+    // }
+
+    // console.log(x + y)
+    // sum()
+
+    
+    // // Current phase running: CODE EXECUTION
+    // // JS Memory
+    //   // GEC
+    //   x: 20
+    //   y: 40
+    //   // FEC (sum)
+    //   num1: 50
+    //   num2: 100
+  </script>
+</body>
+</html>