惰性求值和缓存可提升javaScript性能，通过延迟计算和记忆化避免重复运算。1. 惰性求值：用函数或闭包实现按需计算，如延迟初始化对象；2. 缓存：利用map存储结果，相同输入直接返回值，适用于纯函数和递归；3. 结合使用：如惰性单例模式，首次调用创建实例并缓存，后续直接复用，减少开销。合理应用能显著优化资源密集操作，但需注意控制缓存生命周期防止内存泄漏。

惰性求值（Lazy Evaluation）和缓存（Caching）是优化javascript性能的两种重要技术，尤其在处理开销较大的计算或延迟资源加载时非常有用。它们能帮助我们避免不必要的运算，提升响应速度。

惰性求值：按需计算

惰性求值指的是表达式在真正需要时才进行计算，而不是在定义时立即执行。这在JavaScript中可以通过函数封装、闭包或代理对象来实现。

常见应用场景包括：

• 延迟初始化大型对象或模块
• 避免在条件分支中执行无用计算
• 处理无限序列或大数据流

示例：使用函数包装实现惰性求值

立即学习“Java免费学习笔记（深入）”；

function lazyValue() {
  console.log(“计算中…”);
  return expensiveOperation();
}

缓存：记忆化避免重复计算

缓存通常与惰性求值结合使用，尤其是通过“记忆化（Memoization）”技术，将已计算的结果保存下来，下次请求相同输入时直接返回结果。

适合缓存的场景：

存了个图

视频图片解析/字幕/剪辑，视频高清保存/图片源图提取

17

查看详情

• 纯函数（输入相同，输出不变）
• 递归算法，如斐波那契数列
• 频繁调用但参数变化少的函数

示例：实现一个带缓存的惰性计算函数

function memoize(fn) {
  const cache = new Map();
  return function(…args) {
    const key = jsON.stringify(args);
    if (cache.has(key)) {
      return cache.get(key);
    }
    const result = fn.apply(this, args);
    cache.set(key, result);
    return result;
  };
}

结合惰性与缓存：高效初始化

有时我们希望某个值只在首次访问时创建，并且之后重复使用。可以利用闭包和惰性初始化模式实现。

示例：惰性单例对象

const getInstance = (function() {
  let instance;
  return function() {
    if (!instance) {
      console.log(“创建实例”);
      instance = new ExpensiveObject();
    }
    return instance;
  };
})();

第一次调用 getInstance() 时创建对象，后续调用直接返回缓存实例，兼顾性能与资源控制。

基本上就这些。合理使用惰性求值和缓存，能让JavaScript应用更轻快，特别是面对复杂计算或资源密集型操作时，效果明显。注意别过度缓存导致内存泄漏，尤其是键为动态值时要控制生命周期。