Чем async/await отличается от .then()?

Оба подхода решают одну и ту же задачу, но по-разному организуют код.

Определение

• .then() — метод Promise, принимающий колбэк, который выполнится после резолва.

• async/await — синтаксический сахар над Promise, позволяющий писать асинхронный код линейно.

Пример с .then()

fetchData()
  .then(data => process(data))
  .then(result => save(result))
  .catch(error => handleError(error));

Тот же пример с async/await

async function run() {
  try {
    const data = await fetchData();
    const result = await process(data);
    await save(result);
  } catch (error) {
    handleError(error);
  }
}

Основные отличия

1. Читаемость

   • async/await читается сверху вниз.

   • .then() сложнее при длинных цепочках.

2. Обработка ошибок

   • async/await использует try/catch.

   • .then() — .catch().

3. Отладка

   • Стек вызовов проще читать с async/await.

4. Гибкость

   • .then() удобно для коротких цепочек.

   • async/await — для сложной логики.

Вывод

Выбор между async/await и .then() — вопрос читаемости и стиля, а не возможностей или производительности.