NavigateEvent: свойство signal

Чтение-только свойство signal интерфейса NavigateEvent возвращает объект AbortSignal, который будет прерван, если навигация отменена (например, пользователем, нажав кнопку "Стоп" в браузере или начав другую навигацию, тем самым отменяя текущую).

Объект AbortSignal.

Основная идея заключается в том, что свойство signal может быть передано связанной операции fetch(), чтобы в случае отмены навигации операция fetch() могла быть безопасно прервана, предотвращая потерю трафика на загрузках, которые больше не нужны.

navigation.addEventListener("navigate", (event) => {
  event.intercept({
    async handler() {
      // ...

      await fetch(`/img/some-image.jpg`, { signal: event.signal });

      // ...
    },
  });
});

• Современное маршрутизирование на стороне клиента: API навигации
• Пояснения к API навигации
• Живая демонстрация API навигации Domenic Denicola