Skip to main content

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 fetch(e.request;request);
})() 

)

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;
})() 

)

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 fetch(e.request);
})() 

)
Origen Enlace
Yussef
  • 23.4k
  • 4
  • 12
  • 29

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;
})() 

)