Javascript 如何防止在node.js中两次调用同一URL的获取
我有x个电话要打到后端。其中一些链接指向相同的URL。我正在缓存结果。但我的问题是,如果我用同一个URL立即调用loadCached两次(或几次),它实际上也会调用fetch两次,因为在解决第一次fetch之前,缓存没有URL。因此,缓存仅在一次提取成功完成(=已解决)时才起作用。如何改进代码以等待解决第一次提取以避免重复查询Javascript 如何防止在node.js中两次调用同一URL的获取,javascript,node.js,caching,promise,fetch-api,Javascript,Node.js,Caching,Promise,Fetch Api,我有x个电话要打到后端。其中一些链接指向相同的URL。我正在缓存结果。但我的问题是,如果我用同一个URL立即调用loadCached两次(或几次),它实际上也会调用fetch两次,因为在解决第一次fetch之前,缓存没有URL。因此,缓存仅在一次提取成功完成(=已解决)时才起作用。如何改进代码以等待解决第一次提取以避免重复查询 function loadCached(url) { let cache = loadCached.cache || (loadCached.cache = new
function loadCached(url) {
let cache = loadCached.cache || (loadCached.cache = new Map());
if (cache.has(url)) {
return Promise.resolve(cache.get(url)); // (*)
}
return fetch(url)
.then(response => response.text())
.then(text => {
cache[url] = text;
return text;
});
}
我正在使用promise.all()等待loadCached解析。您需要缓存整个promise:
function loadCached(url) {
let cache = loadCached.cache || (loadCached.cache = new Map());
let promise;
if (cache.has(url)) {
promise = cache.get(url)
} else {
promise = fetch(url)
cache.set(url, promise)
}
return promise
.then(response => response.text())
}
还要注意,为了使用map设置新值,您需要使用
set
方法,cache[url]
不正确。您需要缓存承诺而不是结果。我想会有办法的。缓存fetch
的结果并不完全正确,因为一旦使用了该主体,您就不能再使用它了-假设fetch与浏览器中的fetch工作相同-因此,loadCached('xxx')。然后(result=>console.log(result))
只能工作一次-否定缓存的使用:p-您可以返回承诺。然后(response=>response.clone().text())
取而代之非常感谢。我验证了这一点,并且在node.js案例中也需要克隆。@JaromandaX您是否会将您的解决方案作为答案发布,以便将其标记为解决方案?