如何找到服务工作者响应属于哪个缓存？

Question

给出一个请求，如何确定它属于哪个缓存？ match尽管在所有缓存中进行了搜索，但只会给我缓存的响应。我想同时检索缓存对象/缓存的名称和缓存的响应。

Answer 1

如果您需要知道响应所在的缓存，恐怕您需要分别对每个缓存调用match，直到找到匹配的缓存为止。

代码可能看起来像这样：

async function findCachedResponse(request) {
    const cacheKeys = await caches.keys();
    const openCaches = await Promise.all(cacheKeys.map(cacheKey => caches.open(cacheKey)));
    const matches = await Promise.all(openCaches.map(cache => cache.match(request));
    const i = matches.findIndex(match => match !== undefined);
    if (i !== -1) {
        return { cache: cacheKeys[i], response: matches[i] };
    } else {
        return undefined;
    }
}