这是缓存还是缓存？

Question

我正在阅读 google slide 的渐进式 Web 应用程序，他们提到缓存接口具有以下方法

cache.add() 
cache.addAll()
cache..put()
cache.delete()
cache.keys()
cache.match()
cache.matchAll()

但在实际实现中的进一步幻灯片中，他们有时使用 caches (with s)，有时使用 cache

caches.open()  // whereas this method was not mentioned anywhere

caches.keys() 
caches.delete()
caches.match()

cache.put () // only here using cache 

另外，在MDN中检查是否相同

他们正在编写 Cache.add、Cache.addAll 和 Cache.put（大写 c）

并使用 caches.open 、 cache.match() 等方法

我想知道 cache 和 caches 是 2 个不同的对象（或接口）还是我在这里缺少什么？

请提供一些资源或链接以了解更多信息。

Answer 1

window.caches 是一个CacheStorage 接口，它存储所有命名为Cache 的对象。例如，window.caches.open() 方法返回一个解析为 Cache 对象的承诺。

// Get a named Cache object from CacheStorage
window.caches.open('cachename').then(cache => {
    // Work with resolved cache object (instance of Cache)
});

因此，每当它们引用 caches 时，它们都表示全局 CacheStorage 接口，而 cache 是任意命名的变量，用于存储已打开/已解决的单个 Cache。

Answer 2

准确地说，缓存存储缓存对象。还从您的progressive Web apps链接中引用了所附图片中的示例（Google Chrome 中的开发者工具）

要了解有关缓存的更多信息，请参阅 CacheStorage。

（因为“您可以通过全局缓存属性访问 CacheStorage”所以它是一回事。）

Answer 3

缓存在各种用例中都非常有用。例如，当一个值的计算或检索成本很高时，您应该考虑使用缓存，并且您将多次在某个输入上需要它的值。

Cache 与 ConcurrentMap 类似，但并不完全相同。最根本的区别是 ConcurrentMap 会保留所有添加到其中的元素，直到它们被显式删除。另一方面，缓存通常配置为自动驱逐条目，以限制其内存占用。在某些情况下，由于 LoadingCache 会自动加载缓存，即使它不会驱逐条目，它也会很有用。