> Зачем нужен async/await в JavaScript (JavaScript)

Короткий ответ

async/await - это синтаксический сахар над промисами, упрощающий работу с асинхронным кодом. Он позволяет писать асинхронные операции в синхронном стиле, избавляя от цепочек .then() и callback hell. Ключевое преимущество - читаемость и отладка: код выглядит как последовательность шагов, а ошибки обрабатываются через try/catch, а не через .catch().

Подробное объяснение

async/await построен на двух ключевых словах:

• async перед функцией - делает функцию асинхронной и неявно возвращает Promise. Внутри такой функции можно использовать await.
• await - приостанавливает выполнение функции до разрешения промиса, не блокируя event loop. Возвращает resolved значение промиса или выбрасывает исключение при rejection.

Механизм работы: когда интерпретатор встречает await, он приостанавливает выполнение текущей функции, возвращает управление в event loop, а после разрешения промиса возобновляет выполнение с того же места. Это делает код плоским и линейным, в отличие от цепочек .then().

Важные нюансы:

• await работает только внутри async функций (кроме top-level await в модулях)
• await можно использовать с любым thenable объектом
• Несколько await подряд выполняются последовательно, если не использовать Promise.all
• Ошибки обрабатываются через try/catch, что даёт единый стиль обработки синхронных и асинхронных ошибок

На практике

async/await критически важен для:

• Последовательных асинхронных операций (например, загрузка данных, затем их обработка)
• Параллельных операций с Promise.all и деструктуризацией результатов
• Работы с API, базами данных, файловой системой
• Сценариев, где важна читаемость и поддержка кода

Типовые паттерны:

• async function fetchUserData(userId) { ... } - загрузка данных
• await Promise.all([fetch(url1), fetch(url2)]) - параллельные запросы
• try { await riskyOperation() } catch (err) { handleError(err) } - обработка ошибок

Пример кода

JAVASCRIPT
// Последовательные запросы с обработкой ошибок
async function getUserWithPosts(userId) {
  try {
    const userResponse = await fetch(`/api/users/${userId}`);
    const user = await userResponse.json();
    
    const postsResponse = await fetch(`/api/users/${userId}/posts`);
    const posts = await postsResponse.json();
    
    return { user, posts };
  } catch (error) {
    console.error('Failed to fetch user data:', error);
    throw error;
  }
}

// Параллельные запросы
async function getDashboardData() {
  try {
    const [users, stats, config] = await Promise.all([
      fetch('/api/users').then(r => r.json()),
      fetch('/api/stats').then(r => r.json()),
      fetch('/api/config').then(r => r.json())
    ]);
    
    return { users, stats, config };
  } catch (error) {
    console.error('Dashboard data failed:', error);
    throw error;
  }
}

Как отвечать на собеседовании

Начни с краткого определения async/await как синтаксического сахара над промисами. Объясни механизм работы через event loop, подчеркни неблокирующий характер. Покажи понимание trade-off: читаемость vs последовательное выполнение (нужен Promise.all для параллельности). Упомяни обработку ошибок через try/catch и отличие от .catch(). Для senior уровня важно показать знание внутреннего устройства: как async функция возвращает Promise, как await приостанавливает execution context.

Что проверяет интервьюер

• Понимание асинхронной модели JavaScript и event loop
• Умение отличать синтаксический сахар от фундаментальной механики
• Знание практических паттернов (последовательное/параллельное выполнение, обработка ошибок)
• Понимание ограничений (только внутри async, последовательность await)
• Способность объяснить, как async/await влияет на стек вызовов и отладку

Типичные ошибки

• Использование await вне async функции (кроме top-level await)
• Забывание обернуть вызов async функции в try/catch
• Последовательное выполнение независимых промисов вместо Promise.all
• Предположение, что await блокирует весь поток (он блокирует только текущую функцию)
• Неправильная обработка ошибок: try/catch ловит только rejection, не синтаксические ошибки
• Использование await в циклах без необходимости (можно использовать Promise.all с map)