Una cosa es la función y otra es el retorno de esa función
En tu primer código
e.respondWith(cachedResponse(e.request));
Estas pasando el RETORNO de la función cachedResponse
Pero en el segundo esta pasando la función en si misma
e.respondWith( async function(){
const respuestaEnCache = await caches.match(e.request.url);
if(respuestaEnCache) return respuestaEnCache;
return e.request;
})
Para pasar el retorno de una función anonima debes invocarla usado los ()
, asi:
e.respondWith( (async function(){
const respuestaEnCache = await caches.match(e.request.url);
if(respuestaEnCache) return respuestaEnCache;
return e.request;
})()
)