JavaScript Event Loop: The Truth About setTimeout(0)
The Real Order of Operations:
1. Call Stack: Synchronous code (A, D) - This is where JavaScript executes code sequentially, like reading a script.
2. Microtasks: Promises (C) - These are small tasks that need to be executed ASAP after the current script, before the next rendering. Think of them as urgent side tasks.
3. Macrotasks: Timeouts/Intervals (B) - These are longer tasks that the browser queues up to do whenever it gets a chance. They're not as urgent as microtasks.
Golden Rule: "0ms" doesn't mean immediate - it means "next event loop tick".
The Real Order of Operations:
1. Call Stack: Synchronous code (A, D) - This is where JavaScript executes code sequentially, like reading a script.
2. Microtasks: Promises (C) - These are small tasks that need to be executed ASAP after the current script, before the next rendering. Think of them as urgent side tasks.
3. Macrotasks: Timeouts/Intervals (B) - These are longer tasks that the browser queues up to do whenever it gets a chance. They're not as urgent as microtasks.
Golden Rule: "0ms" doesn't mean immediate - it means "next event loop tick".
❤6
🧩 JavaScript Quiz
In JavaScript, what does the "NaN" stand for?
In JavaScript, what does the "NaN" stand for?
Anonymous Quiz
73%
Not A Number
4%
No Answer Needed
15%
Notation of Null
8%
Negative Absolute Number
👍3
🧩 JavaScript Quiz
Which method is used to add an element to the end of an array?
Which method is used to add an element to the end of an array?
Anonymous Quiz
71%
.push()
15%
.concat()
12%
.pop()
2%
.slice()
What is the Output order for the above code?
Anonymous Quiz
46%
"Hello" → "World"
30%
"World" → "Hello"
13%
Only "Hello"
10%
Race condition
preventDefault() vs stopPropagation() vs stopImmediatePropagation()
When to Use What:
📌preventDefault(): When you want to handle the action yourself
📌 stopPropagation(): When parent elements shouldn't react
📌 stopImmediatePropagation(): Nuclear option for plugin conflicts
90% of the time, you only need preventDefault().
When to Use What:
📌preventDefault(): When you want to handle the action yourself
📌 stopPropagation(): When parent elements shouldn't react
📌 stopImmediatePropagation(): Nuclear option for plugin conflicts
90% of the time, you only need preventDefault().
❤2👍1