Разница между caches.match и cache.match

Question

Мы используем caches.match(event.request) в сервисном работнике, чтобы выполнить «Стратегию кэширования только».Я заметил, что мы также возвращаем 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

cache.match ищет элемент в определенном кэше, в то время как caches.match ищет всех кэшей для совпадения.

Answer 2

Полагаю, вы не знали, что слово "кэши" означает CacheStorage В основном кеши или хранилище кэша хранят все кэши, в то время как кеш - это просто именованный кеш внутри хранилища кеша. По сути, caches.match должен получить экземпляр хранилища кэша, а cache.match - экземпляр конкретного кэша.