React Frontend Developer

Question 1

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

Accepted Answer

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

Question 2

Использовал ли didCatch в React?

Accepted Answer

componentDidCatch — это метод класса React для перехвата ошибок в дочерних компонентах. Он используется в Error Boundaries (границах ошибок), чтобы показать запасной UI вместо падения всего приложения.

Question 3

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

Accepted Answer

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

Question 4

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

Accepted Answer

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

Question 5

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

Accepted Answer

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

Question 6

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

Accepted Answer

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

Question 7

Сколько catch реально нужно в цепочке Promise

Accepted Answer

Технически достаточно одного catch в конце цепочки. Он перехватит любую ошибку, возникшую выше. Дополнительные catch нужны только тогда, когда ошибку нужно обработать локально и продолжить выполнение цепочки. Лишние catch без необходимости усложняют код и ухудшают читаемость.

Question 8

При каких условиях выполняется catch в Promise?

Accepted Answer

Метод catch в Promise выполняется, когда промис переходит в состояние rejected (отклонён). Это происходит, если внутри промиса вызывается reject() или возникает необработанная ошибка (exception). catch также перехватывает ошибки, выброшенные в цепочке then перед ним. Если промис завершается успешно (resolve), блок catch пропускается, и выполнение продолжается в следующем then.

Question 9

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

Accepted Answer

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

Question 10

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

Accepted Answer

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

Вопросы React Frontend Developer