Порівняйте підходи роботи з асинхронним кодом: сallbacks vs promises vs async/await.

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

Що це і навіщо

• Callbacks – найпростіший спосіб обробки асинхронності, але піддається "callback hell".
• Promises – об’єкт, що представляє майбутній результат; забезпечує чистіший ланцюжок обробки.
• Async/await – синтаксичний sugar над promises, дозволяє писати асинхронний код у вигляді синхронного.

Ключові принципи/терміни

• then, catch, finally – методи Promise.
• await – оператор, що блокує виконання до розв’язку Promise.
• try/catch – обробка помилок у async функціях.

Як це працює

1. Callbacks: передається функція, яка викликається після завершення.
2. Promises: створюється об’єкт, який переходить у стан fulfilled або rejected; ланцюжок обробки виконується асинхронно.
3. Async/await: async функція повертає Promise; оператор await «зупиняє» виконання до розв’язку.

Практика і реалізація

// Callback
fs.readFile('file.txt', (err, data) => {
  if (err) return console.error(err);
  console.log(data);
});

// Promise
fs.promises.readFile('file.txt')
  .then(data => console.log(data))
  .catch(err => console.error(err));

// async/await
async function read() {
  try {
    const data = await fs.promises.readFile('file.txt');
    console.log(data);
  } catch (err) {
    console.error(err);
  }
}
read();

Тестування

• Для callbacks використовуйте done() у Jest.
• Для promises застосовуйте .resolves/.rejects.
• Для async/await можна просто await expect(fn()).resolves.toBe(value).

Оптимізація, типові помилки та edge cases

• Callback‑hell: вкладені колбеки.
• Promise‑chain без return: пропускає проміс.
• Необроблені помилки в async функціях: try/catch або .catch().
• Пам’ятайте про порядок виконання: callbacks синхронні, promises асинхронні.

Часті помилки (8)

1. Відсутність return у проміс‑ланцюжку.
2. Використання await поза async функцією.
3. Необроблені помилки в callback‑х.
4. Перевантаження стеку через рекурсивні callbacks.
5. Застосування new Promise без обробки rejection.
6. Втрата контексту (this) у callback‑ах.
7. Застосування await до синхронної функції.
8. Підключення callback‑у після завершення операції (наприклад, setTimeout з 0).

Cheatsheet

• Callbacks → function(err, result) {}.
• Promises → .then(), .catch(), .finally().
• Async/await → async function() { await promise; }.

Follow‑up питання

1. Як обробляти паралельні асинхронні запити? – Promise.all/await Promise.all.
2. Що таке race condition у контексті promises? – Promise.race.
3. Як забезпечити порядок виконання у async/await? – використовуйте послідовні await або Promise.all для паралелізму.