Что такое service worker?

Question

Accepted Answer

## Простая формулировка
**Service Worker** — скрипт, который браузер запускает **в фоне**, отдельно от страницы. Он может перехватывать сетевые запросы, кэшировать ресурсы, показывать push-уведомления и помогать работать офлайн (PWA).

---

## Особенности

- работает в своём потоке, **без доступа к DOM**;
- HTTPS (или localhost);
- жизненный цикл: `install` → `activate` → fetch/push/…;
- управляет клиентами (вкладками) через `clients`;
- общение со страницей — `postMessage` / `MessageChannel`.

```js
// регистрация со страницы
navigator.serviceWorker.register("/sw.js");
```

```js
// sw.js (упрощённо)
self.addEventListener("fetch", (event) => {
  event.respondWith(
    caches.match(event.request).then((cached) => cached || fetch(event.request))
  );
});
```

---

## На собеседовании

Не путать с Web Worker: SW заточен под сеть/кэш/PWA и связан с origin, а не с произвольными вычислениями. Упомянуть Cache API и ограничения безопасности.