Напишіть функцію Sleep (ms), яка зупиняє виконання async-функції на заданий проміжок часу.

Повне пояснення

Що це і навіщо

Sleep — утиліта для затримки виконання в async‑функціях, корисна при тестуванні, дебаунсі або синхронізації.

Принцип роботи / алгоритм

Функція повертає Promise, який резолвиться через setTimeout. Коли Promise завершено, await продовжує виконання.

Реалізація (JS / TS)

async function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

Тестування

import { test, expect } from 'vitest';

test('sleep delays', async () => {
  const start = Date.now();
  await sleep(200);
  expect(Date.now() - start).toBeGreaterThanOrEqual(200);
});

Проблеми та edge cases

1. Zero or negative ms – Promise resolves immediately; no error.
2. Large ms – setTimeout max 2147483647 ms; overflow leads to wrap.
3. Cancellation – native Promise cannot be cancelled; use AbortController if needed.
4. CPU blocking – sleep does not block event loop; only schedules callback.
5. Nested sleeps – stacking await sleep can cause drift; use a single timer if precision matters.

Оптимізація та продуктивність

setTimeout є оптимальним для коротких затримок; не створює зайвих об’єктів. Якщо потрібна точність мікросекунд, використовуйте performance.now() у циклі.

Без JS / архітектурні альтернативи

У чистому HTML/CSS можна симулювати затримку через animation-delay або transition-delay, але це не замінить асинхронну логіку.

Cheatsheet + follow-up

• sleep(0) → microtask queue, не блокує.
• Для таймауту з обробкою помилки використовуйте Promise.race.

Потенційне інтерв’ю‑питання: Як реалізувати скасування sleep за допомогою AbortController?