Question

我们在服务工作者中使用caches.match(event.request)来执行＆＃34;仅缓存策略＆＃34;。我注意到我们也在cache.match('someURL')承诺之后立即返回caches.open("cache-name")。这很令人困惑。

caches.match(event.request)和cache.match('someURL')之间有什么区别？每个用例的用例是什么？

示例案例：

Caches.match

self.addEventListener('fetch', function(event) {
  event.respondWith(caches.match(event.request)); 
});

Cache.match

self.addEventListener('fetch', function(event) {
  event.respondWith(
    caches.open('mysite-dynamic').then(function(cache) {
      return cache.match(event.request).then(function (response) {
        return response || fetch(event.request).then(function(response) {
          cache.put(event.request, response.clone());
          return response;
        });
      });
    })
  );
});

Answer 1

我猜你并不知道＆＃34; caches＆＃34;参考CacheStorage 基本上缓存或缓存存储存储所有缓存，而缓存只是缓存存储中的命名缓存。基本上caches.match应该为您提供缓存存储的实例，而cache.match则为您提供特定缓存的实例。

Answer 2

cache.match在特定的缓存中搜索项目，而caches.match在 all 的缓存中搜索匹配项。

caches.match和cache.match

2 个答案: