js 如何储存和调取缓存信息

JavaScript 中通常使用浏览器提供的内置缓存机制来存储和调取数据，主要有两种常见的策略：

1. **localStorage** 和 **sessionStorage**: 这两个是浏览器级别的本地存储。`localStorage` 被持久化存储，直到用户清除浏览器缓存或关闭浏览器；而 `sessionStorage` 的数据只会在会话期间有效，即当前浏览器标签页关闭后失效。

- 存储数据：例如，你可以这样保存数据：

     localStorage.setItem('key', 'value');

- 调取数据：之后可以用 `getItem` 方法获取：

     var value = localStorage.getItem('key');

2. **Cache API**: 针对HTTP请求，JavaScript通过`fetch` API可以直接访问服务端响应头中的`Cache-Control`来控制缓存。开发者也可以手动设置`Response`对象的`cache`属性，如`Cache.addAll()`、`Cache.put()`, 等等。

- 设置缓存：

     fetch(url, { cache: 'reload' }) // 或者 Cache.match(key).then(response => response.cache)

- 调用缓存：

     fetch(url) // 如果存在匹配的缓存，则直接返回

     // 使用Cache API：
     const cache = await caches.open('my-cache-name');
     const cachedResponse = await cache.match(requestUrl);