JavaScript 中 Promise 怎么实现缓存异步请求结果的复用-js教程-PHP中文网

promise本身不自带缓存能力，但可通过map以请求参数为key缓存promise实例实现结果复用；需序列化参数生成唯一key，缓存promise而非值以支持链式调用，失败时可选择清除缓存，实际应用中常加入ttl过期、强制刷新及易变状态处理。

javascript 中 promise 怎么实现缓存异步请求结果的复用

Promise 本身不自带缓存能力，但可以通过封装逻辑，在首次请求后把结果保存起来，后续调用直接返回已解析的 Promise，从而实现异步请求结果的复用。

用 Map 缓存 Promise 实例

最常用的方式是用一个 Map（或普通对象）以请求参数为 key，存储对应的 Promise 实例。这样相同参数的多次调用会命中缓存，拿到同一个 Promise，自然复用结果。

Key 要能唯一标识一次请求，比如将 URL + 参数序列化成字符串
务必缓存 Promise 实例本身，而不是 resolve 后的值——否则无法链式调用 .then()/.catch()
不需要手动区分 pending/fulfilled/rejected 状态，Promise 天然支持多次 then，状态变更后所有监听者都会触发

基础缓存函数示例

以下是一个通用的 fetch 请求缓存封装：

Java JDK 25

Java JDK 25 来自 OpenJDK 官方归档，版本为 JDK 25，本条下载地址已指向官方 Windows x64 zip 安装包直链，适合调试旧项目或兼容旧版 Java 运行环境。

下载

const cache = new Map();

function cachedFetch(url, options = {}) {
  const key = JSON.stringify({ url, options });
  
  if (!cache.has(key)) {
    const promise = fetch(url, options)
      .then(res => {
        if (!res.ok) throw new Error(`HTTP ${res.status}`);
        return res.json();
      })
      .catch(err => {
        cache.delete(key); // 失败可选择清除缓存，避免重复失败
        throw err;
      });
    cache.set(key, promise);
  }
  
  return cache.get(key);
}

调用 cachedFetch('/api/user/1') 多次，只会发一次请求，后续返回同一个 Promise。