React Frontend Developer

Question 1

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

Accepted Answer

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

Question 2

Как работает асинхронная итерация в ES6+ с использованием for-await-of?

Accepted Answer

Асинхронная итерация с использованием for-await-of позволяет работать с асинхронными итераторами, такими как асинхронные генераторы или промисы, которые возвращают данные постепенно. Оператор for-await-of ждет разрешения каждого промиса перед переходом к следующей итерации. Это удобно для обработки потоков данных или последовательных асинхронных операций.

Question 3

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

Accepted Answer

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

Question 4

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

Accepted Answer

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

Question 5

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

Accepted Answer

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

Question 6

Что происходит, если await используется внутри условных конструкций?

Accepted Answer

await внутри условия работает так же, как и в любом другом месте. Выполнение функции приостанавливается до завершения Promise. Условие вычисляется только после получения результата. Это может влиять на производительность и читаемость кода.

Question 7

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

Accepted Answer

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

Question 8

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

Accepted Answer

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

Вопросы React Frontend Developer