Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

designАвтор: Пуск‑Медиа (импорт)Просмотры: 3

AbortController: отмена fetch и поиска без гонок состояния

signal в fetch, очистка debounce и UX «Отменить» в формах.

Изображение статьи: AbortController: отмена fetch и поиска без гонок состояния

AbortController выдаёт signal, который передаётся в fetch() — при abort() запрос прерывается, а промис отклоняется с AbortError.

Типичный кейс — автодополнение: каждый новый ввод отменяет предыдущий запрос, чтобы старый ответ не перезаписал актуальный.

- [AbortController — MDN](https://developer.mozilla.org/en-US/docs/Web/API/AbortController) — API и примеры.

- [Fetch: aborting requests — MDN](https://developer.mozilla.org/en-US/docs/Web/API/fetch#canceling_a_request) — signal в RequestInit.

---

## React и SPA

В useEffect создавайте controller на маунт и вызывайте abort() в cleanup — это снижает утечки при размонтировании.

Не показывайте ошибку пользователю для намеренной отмены — фильтруйте error.name === "AbortError".

#JavaScript#fetch#UX

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.