1 of 3

JavaScript

The Call Stack, Event Table, Event Queue & Event Loop

www.WritingCode.net

2 of 3

Function A

  1. zz
  2. xx
  3. yy
  4. Call B
  5. qq

​

Function B

  • zzz
  • xxx
  • Call C
  • qq
  • ww

Function C

  • aa
  • bb
  • cc
  • dd
  • ee

​

The Call Stack

Function A

Function B

Function C

The Call Stack

www.WritingCode.net

3 of 3

  • zzz
  • xxx
  • Call C
  • Mouse 2
  • ww

The Call Stack

Function B

Function E

Function A

Function C

The Event Table

Mouse 1 (Call D)

Mouse 3 (Call D)

Function A

  • zz
  • Mouse 1
  • yy
  • Call B
  • qq

​

Function B

Function C

  • Mouse 3
  • bb
  • cc
  • dd
  • ee

​

Function D

  • ab
  • Call E
  • ac

The Event Queue

Mouse 3 (Call D)

Mouse 3 Happens: C3

Mouse 1 Happens: C5

Mouse 2 Happens: B5

​

Mouse 1 (Call D)

Function D

Mouse 2 (Call D)

Mouse 2 (Call D)

Adding In The Event Table, Event Queue & Event Loop

The Event Loop

Mouse 3 (Call D)

Mouse 3 (Call D)

Mouse 1 (Call D)

Mouse 2 (Call D)

Mouse 1 (Call D)

Mouse 2 (Call D)

Mouse 1 (Call D)

Mouse 2 (Call D)

Mouse 2 (Call D)

Function E

  • rr
  • qq

www.WritingCode.net