React Frontend Developer

Question 1

Для чего нужны Async/await?

Accepted Answer

async/await — это синтаксис, который упрощает работу с промисами, делая асинхронный код более похожим на синхронный. Функция с ключевым словом async всегда возвращает промис, а await приостанавливает выполнение функции до получения результата промиса. Это делает код более читаемым и упрощает обработку ошибок.

Question 2

Почему async/await вместо Promises?

Accepted Answer

async/await делает асинхронный код:Читаемым (похож на синхронный).Удобным для отладки (стек вызовов не «разрывается»).Лёгким в обработке ошибок (через try/catch).

Question 3

Что возвращает async-функция?

Accepted Answer

Любая async-функция всегда возвращает Promise. Если функция возвращает обычное значение, оно автоматически оборачивается в Promise.resolve. Если внутри происходит throw, возвращается Promise.reject. await не меняет тип возвращаемого значения функции.

Question 4

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

Accepted Answer

async/await и .then() работают поверх Promise и дают одинаковые возможности. Разница в том, что async/await позволяет писать асинхронный код в синхронном стиле, улучшая читаемость. .then() использует цепочки колбэков и чаще приводит к вложенности. С точки зрения выполнения и производительности они эквивалентны.

Question 5

Почему async/await требует возврата Promise из функции?

Accepted Answer

Ключевое слово async перед функцией гарантирует, что она всегда возвращает Promise. Это нужно для единообразия работы с асинхронным кодом. Даже если функция возвращает обычное значение, оно автоматически оборачивается в разрешённый Promise. Если функция возвращает Promise, он и будет результатом. Это позволяет использовать await внутри функции и строить цепочки асинхронных операций.

Question 6

Что появилось после Promise?

Accepted Answer

После Promise в JavaScript появился синтаксис async/await, представленный в стандарте ES2017 (ES8). Он позволяет писать асинхронный код, который выглядит и ведёт себя как синхронный, что значительно улучшает читаемость и упрощает обработку ошибок. Вместо цепочек .then() и .catch() вы используете ключевые слова async перед функцией и await перед вызовом Promise. Это не заменяет Promise, а является надстройкой над ними, предоставляя более удобный синтаксический сахар.

Question 7

Почему forEach не работает с async/await?

Accepted Answer

Метод forEach не предназначен для работы с асинхронными функциями, потому что он не ожидает разрешения промисов, возвращаемых колбэком. Он просто запускает каждую асинхронную операцию и сразу переходит к следующей, не дожидаясь её завершения. В результате операции выполняются параллельно (или в случайном порядке), а не последовательно, и нельзя корректно обработать результаты или ошибки. Для последовательного выполнения асинхронных операций следует использовать обычный цикл for...of с await.

Question 8

В чем разница между Promise, async/await и callback?

Accepted Answer

Callback — это функция, передаваемая в другую функцию для вызова после завершения асинхронной операции, что может привести к "аду колбэков". Promise — это объект, представляющий будущий результат операции, позволяющий цепочку вызовов .then() и .catch() для лучшего управления потоком и ошибками. Async/await — это синтаксический сахар над Promise, позволяющий писать асинхронный код в синхронном стиле с использованием ключевых слов async и await, что делает код более читаемым и простым для отладки.

Вопросы React Frontend Developer