Popular posts

1. First the function cartoon gets into the Stack.
2. Next in call stack, Console.log('Cartoon') gets executed
3. Next in call stack, setTimeOut -> tom is web api, so tom goes to TaskQueue but has not been executed yet.
4. Next in call stack, setTimeOut -> doggy is web api, so doggy goes to TaskQueue but has not been executed yet.
5. Next promise in call stack, the then() callback goes to job queue but has not been executed yet.
6. Next another promise in call stack, the then() callback goes to job queue but has not been executed yet.
7. Next in call stack, is jerry().
8. Next in call stack, console.log('Jerry').
9. At this point, nothing in Call Stack. The event loop looks into both the Queues. Gives priority to Job Queue over Tasks Queue.
10. Execute both the promises callbacks from Job Queue by pushing those to Call Stack one by one.
11. Now both Call Stack and Job Queue are empty. The Event Loop executes both the tasks from Task Queue.

So the expected output would be:

• Cartoon
• Jerry
• I am a Promise, right after tom and doggy! Really?
• I am a Promise after Promise!
• Doggy
• Tom

You were very close. Well tried and Thanks for trying. Thumbs up for it!

Thamaraiselvam