De ce utilizarea setTimeout(fn, 0) ajută la evitarea blocării UI-ului, în timp ce crearea unui număr mare de promisiuni (micro-tasks) nu? Care este diferența dintre macro-tasks și micro-tasks în Event Loop?

setTimeout(fn, 0) ставит функцию в очередь макрозадач (task queue), которая будет выполнена после того, как текущий стек вызовов и все микрозадачи завершатся. Это позволяет браузеру обработать другие события, например, обновить UI, прежде чем выполнить эту функцию.

Промисы создают микрозадачи (microtasks), которые выполняются сразу после текущего кода и перед следующей макрозадачей. Если создать много микрозадач подряд, они будут выполняться одна за другой без пауз, блокируя обновление UI.

Разница между макрозадачами и микрозадачами:

• Макрозадачи (tasks): setTimeout, setInterval, события DOM, I/O. После выполнения макрозадачи браузер может обновить UI.
• Микрозадачи (microtasks): промисы, MutationObserver. Выполняются сразу после текущего скрипта и перед следующей макрозадачей.

Поэтому использование setTimeout(fn, 0) позволяет браузеру вставить паузу между задачами, давая время на перерисовку, а большое количество промисов подряд блокирует поток выполнения и UI не обновляется.