Back

One interesting thing to look into when it comes to the 𝗲𝘃𝗲𝗻𝘁 𝗹𝗼𝗼𝗽 is how JavaScript handles macrotasks and microtasks. 𝗠𝗮𝗰𝗿𝗼𝘁𝗮𝘀𝗸𝘀: Macrotasks are typically large, high-level operations like setTimeout, setInterval, and user interactions (e.g., click, scroll). 𝗠𝗶𝗰𝗿𝗼𝘁𝗮𝘀𝗸𝘀: Microtasks, often created by Promises or queueMicrotask, are lightweight tasks that are always processed after the current execution context but before any rendering or macrotasks. Microtasks are executed immediately after the current script and before any rendering, making them a reliable way to ensure certain tasks (like promises) are handled promptly. Macrotasks are handled in a “first come, first served” manner, which includes things like timers and I/O events.