📱 Реализация таймаута для Promise без внешних библиотек!

Иногда fetch() или любой промис может зависнуть, а код просто ждёт.

Promise.race(), как вариант решения: запускает несколько промисов и возвращает результат первого завершившегося:

const withTimeout = (ms, task) =>
  Promise.race([
    task,
    new Promise((_, reject) =>
      setTimeout(() => reject(new Error('Timeout')), ms)
    )
  ]);

Теперь можно ограничить жизнь любого промиса:

await withTimeout(3000, fetch('/api/data'));

Если запрос не успеет за 3 секунды, вылетит Error('Timeout'), и код не будет висеть.

Также можно добавить отмену при таймауте через AbortController:

const fetchWithTimeout = (url, ms) => {
  const controller = new AbortController();
  const timer = setTimeout(() => controller.abort(), ms);
  return fetch(url, { signal: controller.signal })
    .finally(() => clearTimeout(timer));
};

🔥 Таймауты и отмены — это то, что делает код надёжным.

📣 JS Ready | #совет

Проверяем, открыта ли страница по HTTPS!

Безопасное соединение — важное условие для работы многих Web API. Большинство таких API требуют secure context — то есть HTTPS или http://localhost.

Проверить протокол можно так:

const isSecure = window.location.protocol === "https:";
console.log("Безопасное соединение:", isSecure);

Если нужно принудительно перенаправить пользователя на HTTPS:

if (window.location.protocol !== "https:") {
  const { host, pathname, search, hash } = window.location;
  window.location.replace(`https://${host}${pathname}${search}${hash}`);
}

Также можно быстро вывести текущий адрес страницы:

console.log("Текущий адрес:", window.location.href);

🔥 Такой пример полезен для практики работы с объектом location, управления навигацией и понимания поведения редиректов в браузере.

📣 JS Ready | #практика