Выбор ответа Middle Web API и воркеры спрашивают часто обновлено
Как отменить fetch
Вопрос
Пользователь быстро печатает в поиске. Как правильно отменять предыдущий запрос?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Передать в fetch signal от AbortController и звать abort() перед новым. Отмена fetch делается через AbortController: сигнал передаётся в опции, abort() прерывает запрос, промис отклоняется с AbortError.
Варианты ответа
- Передать в fetch
signalотAbortControllerи зватьabort()перед новымправильный ответ - Вызвать
promise.cancel()у промиса предыдущего fetch перед новым запросом - Обнулить переменную с промисом: сборщик мусора сам прервёт сетевой запрос
- Обернуть fetch в
Promise.raceс пустым промисом, чтобы прервать старый
Разбор
Отмена fetch делается через AbortController: сигнал передаётся в опции, abort() прерывает запрос, промис отклоняется с AbortError. У промисов нет метода cancel. Потеря ссылки не останавливает сетевой запрос. Promise.race лишь игнорирует результат, но запрос продолжит идти и тратить трафик.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.