React Frontend Developer

Question 1

Что такое AbortController и как он используется в JavaScript для отмены асинхронных операций?

Accepted Answer

AbortController — это встроенный объект в JavaScript, который позволяет отменять асинхронные операции, такие как запросы через fetch. Он работает вместе с AbortSignal, который передаётся в асинхронную операцию. Если вы вызываете метод abort() у контроллера, операция прерывается, и её результат больше не будет обработан.

Question 2

Как реализовать таймаут для группы параллельных запросов, чтобы при превышении времени ожидания выбрасывалась ошибка?

Accepted Answer

Для таймаута группы параллельных запросов можно использовать Promise.race, передав массив из всех запросов и промиса с таймером, который отклоняется через заданное время. Если таймер срабатывает раньше всех запросов, выбрасывается ошибка. Альтернативно, можно применить AbortController для отмены запросов при таймауте.

Question 3

Как называется браузерный механизм для отмены зависших или неактуальных запросов?

Accepted Answer

Это AbortController вместе со связанным AbortSignal. Ты создаёшь контроллер, передаёшь его signal в fetch или другой асинхронный вызов, а затем вызываешь controller.abort(), чтобы прервать операцию. Запрос отклоняется с ошибкой AbortError, и сетевой трафик прекращается. Механизм работает и в браузере, и в Node.js.

Question 4

Почему для предотвращения гонок запросов могут выбрать Redux-Saga с takeLatest, а не thunk с AbortController?

Accepted Answer

Redux-Saga с takeLatest автоматически отменяет предыдущую сагу при новом экшене, что избавляет от ручного управления отменой. Thunk с AbortController требует вручную создавать контроллер, хранить его и вызывать abort. Saga декларативна и централизует логику отмены, а thunk — императивен и разбросан по коду. Для сложных сценариев (debounce, retry, отмена цепочек) saga удобнее.

Вопросы React Frontend Developer