Normalmente definimos funcionalidad para una ServiceWorker, enlazando funciones con eventos que suceden mientras la ServiceWorker está activa.

Como comentamos antes, algunos de los eventos que forman parte del ciclo de vida de una ServiceWorker son el de instalación y el de activación, a los que podemos enlazar instrucciones de código como vemos en pantalla.

self.addEventListener('activate', function(event) {});

self.addEventListener(‘install’, function(event) {});

Tal vez no lo sabías, pero el objeto self en el navegador siempre apunta al scope global, sin importar en dónde se esté ejecutando, en este caso, el contexto global es el de la ServiceWorker, a través de él podemos enlazar eventos, obtener clientes y más. Esa es la razón de por qué usamos self para enlazar los eventos y de por qué continuaremos usándolo como parte de las instrucciones de nuestra ServiceWorker, recuerda, es un objeto que contiene el scope global de nuestra ServiceWorker.

Además de la activación e instalación, también tenemos los eventos fetch y push, que se disparan en cada petición a la red y cuando recibimos una notificación push respectivamente.

self.addEventListener('push', function(event) {});

self.addEventListener(‘fetch’, function(event) {});

Además, aunque es menos común, también tenemos un evento message, que es muy importante porque es a través de este que podemos comunicar el DOM con nuestra ServiceWorker, de hecho, es una interfaz común ya que todos los Workers de JavaScript se comunican así a través de mensajes

self.addEventListener(‘message’, function(event) {});

Continuemos.