requestAnimationFrame в Event Loop

В этой задаче участвуют три функции, планирующие задачи:

  • setTimeout планирует task (macrotask);
  • queueMicrotask планирует microtask;
  • requestAnimationFrame планирует animation callback.

Что выведется в консоль?

На проверку нужно отправить функцию, возвращающую массив с буквами в том порядке, в котором они выводятся в консоль.

setTimeout(() => { console.log("A"); setTimeout(() => console.log("B")) queueMicrotask(() => console.log("C")); requestAnimationFrame(() => console.log("D")) }); queueMicrotask(() => { console.log("K"); setTimeout(() => console.log("L")) queueMicrotask(() => console.log("M")); requestAnimationFrame(() => console.log("N")) }); requestAnimationFrame(() => { console.log("X"); setTimeout(() => console.log("Y")) queueMicrotask(() => console.log("Z")); requestAnimationFrame(() => console.log("T")) });