React Frontend Developer

Question 1

Как обрабатывать ошибки в JavaScript?

Accepted Answer

В JavaScript ошибки обрабатываются с помощью блока try...catch. В блоке try размещается код, который может вызвать ошибку, а в блоке catch — инструкции для обработки этой ошибки. Также можно использовать finally, чтобы выполнить код независимо от того, возникла ошибка или нет. Обработку ошибок можно расширить с помощью кастомных ошибок.

Question 2

Как реализовать retry-логику при ошибках запроса?

Accepted Answer

Retry-логика — это повтор запроса при временных ошибках (например, нестабильная сеть или 5xx). Обычно задают максимальное число попыток, задержку между ними и условия, при которых можно повторять. Хорошая практика — использовать exponential backoff и добавить jitter, чтобы много клиентов не “стреляли” одновременно. Важно различать ошибки: 4xx чаще не ретраят (кроме 429), а запросы с изменением данных повторяют только если это безопасно.

Question 3

Почему try/catch не ловит ошибки внутри setTimeout?

Accepted Answer

Конструкция try/catch работает синхронно и ловит ошибки только в текущем блоке выполнения. Функция, переданная в setTimeout, выполняется позже, в другом цикле событий, когда контекст try/catch уже завершён. Поэтому ошибка возникает вне зоны видимости блока catch. Для обработки таких ошибок нужно помещать try/catch внутрь самой асинхронной функции или использовать другие механизмы, например, обработчики событий 'unhandledrejection' для промисов.

Question 4

Где правильно устанавливать loading состояние — внутри try или снаружи?

Accepted Answer

Состояние загрузки (loading) следует устанавливать в true перед началом асинхронной операции, до блока try. В блоке finally или после try-catch его нужно сбросить в false. Это гарантирует, что loading будет активным во время выполнения запроса и корректно отключится даже при возникновении ошибки.

Question 5

Почему важно использовать try/catch при асинхронных запросах?

Accepted Answer

try/catch позволяет перехватывать и обрабатывать ошибки, возникающие при выполнении асинхронных операций, таких как запросы к серверу. Без него необработанные исключения могут привести к падению приложения или непредсказуемому поведению. Это ключевой механизм для создания стабильного и отказоустойчивого кода.

Question 6

Как обернуть асинхронную функцию так, чтобы гарантированно обработать возможную ошибку?

Accepted Answer

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

Question 7

Как реализовать функцию повторного вызова асинхронной операции с задержкой между попытками?

Accepted Answer

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

Вопросы React Frontend Developer