React Frontend Developer

Question 1

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

Accepted Answer

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

Question 2

Как обработать ошибку в промисах без catch, используя только then?

Accepted Answer

Второй аргумент then — это аналог catch:promise.then(
  result => console.log(result),
  error => console.error(error) // Обработка ошибки
);

Question 3

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

Accepted Answer

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

Question 4

В каком порядке выполняются setTimeout и Promise.then?

Accepted Answer

Promise.then всегда выполняется раньше, чем setTimeout, даже если таймер имеет задержку 0. Это происходит потому, что then попадает в очередь microtasks, а setTimeout — в очередь macrotasks. После завершения синхронного кода event loop сначала очищает очередь microtasks, и только потом берёт следующую macrotask.

Question 5

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

Accepted Answer

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

Question 6

В каком порядке выполняются then, catch и finally у Promise

Accepted Answer

then вызывается при успешном выполнении Promise, catch — при ошибке, а finally — всегда, независимо от результата. finally выполняется после then или catch, но не меняет значение, если сам не выбрасывает ошибку. Все эти колбэки выполняются как микротаски. Порядок строго следует цепочке.

Question 7

Можно ли выбросить ошибку внутри then и как она будет обработана

Accepted Answer

Да, внутри then можно выбросить ошибку с помощью throw. Такая ошибка автоматически превращает Promise в rejected. Она будет поймана ближайшим catch ниже по цепочке. По сути, throw внутри then эквивалентен return Promise.reject(error).

Question 8

Почему then и finally выполняются после синхронного кода?

Accepted Answer

then и finally выполняются после синхронного кода, потому что они ставятся в очередь микрозадач. JavaScript сначала выполняет весь синхронный код в текущем стеке вызовов. Только после этого event loop начинает обрабатывать микрозадачи. Поэтому обработчики промисов всегда выполняются “чуть позже”.

Question 9

Почему Promise.then попадает в очередь microtasks?

Accepted Answer

Promise.then попадает в microtask queue, чтобы выполняться сразу после текущего синхронного кода. Это даёт более высокий приоритет по сравнению с macrotasks. Такой механизм обеспечивает предсказуемость и согласованность асинхронного поведения. Он позволяет Promise работать быстрее, чем таймеры. Это важная часть спецификации JavaScript.

Question 10

Когда выполняется Promise.then относительно Event Loop?

Accepted Answer

Обработчик, переданный в Promise.then, является микрозадачей. Он помещается в очередь микрозадач после того, как промис переходит в состояние 'выполнено' (fulfilled) или 'отклонено' (rejected). Event Loop выполняет все микрозадачи из этой очереди после завершения текущей синхронной задачи (макрозадачи) и перед тем, как взять следующую макрозадачу (например, обработчик события или setTimeout). Это гарантирует, что микрозадачи имеют приоритет над макрозадачами.

Вопросы React Frontend Developer