🎄 Get 20% off from our JavaScript course for the holidays! 🎄
What is the Event Loop?

What is the Event Loop?

How JavaScript is executed in browsers
Ferenc Almasi • 2021 January 08 • Read time 1 min read
  • twitter
  • facebook

In one single sentence, moving events from the task queue to the call stack is called the “event loop”. But in order to fully understand how the event loop works, you also need to understand three other things in JavaScript:

  • The stack: The order in which your code is being executed, is handled by the call stack. You can think of it as an array that holds a list of command on what to execute next.
  • The web API thread: Everything that is not part of the JavaScript engine, is handled by a separate thread. Think of the various functions you get in the browser, such setTimeout or a Promise.
  • The task queue: Everything that is waiting to be executed is stored in the task queue. Such as a callback funcion from a setTimeout. Until the task queue is empty again, the event loop will process the next message in the queue and puts it into the stack.
What is the event loop in JavaScript?
If you would like to see more Webtips, follow @flowforfrank

What is The Event Loop in JavaScript?


Did you find this page helpful?
📚 More Webtips
Frontend Course Dashboard
Master the Art of Frontend
  • check Access exclusive interactive lessons
  • check Unlimited access to hundreds of tutorials
  • check Remove ads to learn without distractions
Become a Pro