Question 1

Can microtasks block rendering in JavaScript?

Accepted Answer

Yes. The event loop drains all microtasks before rendering. If microtasks take too long, the paint is delayed. Keep microtasks short to maintain smooth rendering.

Question 2

What is the output of console.log('1'); setTimeout(() => console.log('2'), 0); Promise.resolve().then(() => console.log('3')); console.log('4')?

Accepted Answer

1, 4, 3, 2. Sync code runs first (1, 4). Then all microtasks (3). Then one macrotask (2). This is the fundamental event loop order.

Question 3

What is the output of async function with await and console.log in JavaScript?

Accepted Answer

Code before await runs synchronously. await pauses the function and schedules the rest as a microtask. Code after the foo() call runs next (sync). Then the rest of foo runs (microtask). So: 1, 3, 2 for the example above.

Question 4

Is the event loop part of the JavaScript engine?

Accepted Answer

No. The event loop is part of the host environment (browser or Node.js). The JS engine (V8) has the call stack and heap. The event loop, Web APIs, and queues are provided by the host.

Can microtasks block rendering in JavaScript?

More FAQs in Event Loop Interview Questions in JavaScript

Still have questions?

Want to upskill yourself?

Small steps. Big possibilities.

Our courses are taking a Coffee break, but your curiosity shouldn't. Stay engaged with namastedev linkedin, youtube, discord and other resources while you wait.