Як додати задачу до черги мікрозадач за допомогою queueMicrotask
Що таке queueMicrotask
queueMicrotask() — це вбудована функція JavaScript, яка додає задачу до черги мікрозадач.
Мікрозадачі виконуються відразу після завершення поточного стеку викликів і перед наступною макрозадачею (наприклад, setTimeout, setInterval, обробник подій).
Синтаксис
javascript
queueMicrotask(() => {
// Ваш код
});Приклад використання
javascript
console.log("Початок");
setTimeout(() => {
console.log("Таймаут");
}, 0);
queueMicrotask(() => {
console.log("Мікрозадача Хак Фронтенд");
});
console.log("Кінець");Що буде виведено?
bash
Початок
Кінець
Мікрозадача Хак Фронтенд
ТаймаутqueueMicrotask завжди виконується перед setTimeout, навіть якщо затримка таймера дорівнює 0.
Де використовується queueMicrotask
- Всередині бібліотек і фреймворків для оптимізації черги (React, Vue, Zone.js)
- Для оновлення стану після поточного виклику, але перед рендерингом
- Для передбачуваного порядку виконання
Порада:
Використовуйте queueMicrotask, якщо ви хочете виконати задачу асинхронно, але відразу після поточної операції — швидше, ніж setTimeout(...).
Висновок
queueMicrotask()— це спосіб додати задачу до мікрозадач, яка буде виконана після поточного стеку, але перед макрозадачами.- Це швидкий і надійний спосіб відкласти виконання коду без очікування на наступний рендер або подію.
- Використовується для точного контролю порядку виконання в асинхронних операціях.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.