> Как работать с Promise в цепочках (JavaScript)

Уровень: senior · Роль: frontend · Категория: Технические вопросы

Компании: Kodix, GoInvest

Стек: JavaScript

> Пример ответа

В JavaScript работа с цепочками Promise строится на методе .then(), который возвращает новый Promise, позволяя последовательно обрабатывать асинхронные операции. Каждый .then() получает результат предыдущего, а если внутри вернуть Promise, то следующий .then() дождётся его разрешения.

Пример:

JAVASCRIPT
fetch('/api/user')
  .then(response => response.json())
  .then(user => fetch(`/api/posts?userId=${user.id}`))
  .then(response => response.json())
  .then(posts => console.log(posts))
  .catch(error => console.error('Ошибка:', error));

Здесь каждый шаг зависит от предыдущего: сначала получаем пользователя, затем по его ID - посты. Ошибки обрабатываются единым .catch() в конце цепочки.

Важно: если в .then() не вернуть значение, следующий получит undefined. Для параллельных операций используйте Promise.all(), а для последовательных - цепочки.