JavaScript函数式编程_惰性求值-js教程-PHP中文网

JavaScript函数式编程_惰性求值

狼影

发布： 2025-11-30 20:06:06

原创

287人浏览过

惰性求值通过延迟计算提升性能，JavaScript可用生成器模拟，如用function*创建无限序列，结合map、filter实现按需处理，再封装Lazy类支持链式调用，仅在toArray等终端操作时执行必要计算，适用于大数据、无限流与部分结果场景。

javascript函数式编程_惰性求值

惰性求值（Lazy Evaluation）是一种推迟表达式求值直到真正需要结果的编程策略。在JavaScript中，虽然语言本身采用的是严格求值（即立即求值），但我们可以通过函数式编程技巧模拟惰性求值，提升性能，尤其是在处理大量数据或复杂计算时。

什么是惰性求值？

惰性求值的核心思想是：不提前计算某个值，只有当它被实际使用时才进行计算。这能避免不必要的运算，节省时间和内存。

比如有一个数组映射操作：

[1, 2, 3, 4, 5].map(x => x * 2).filter(x => x > 5)

登录后复制

这段代码会立即执行所有map和filter操作，即使你只关心前两个结果。而惰性求值可以做到按需计算，只在取值时处理对应元素。

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

用生成器实现惰性序列

JavaScript中的生成器（Generator）是实现惰性求值的理想工具。它通过 yield 暂停执行，按需产生值。

例如，创建一个无限自然数序列：

function* naturals() {
  let n = 1;
  while (true) yield n++;
}

登录后复制

调用 naturals() 不会立即运行，而是返回一个可迭代对象。只有当你调用 next() 或用于 for...of 时，才会逐个计算。

结合 map 和 filter 的惰性版本：

function* map(iter, fn) {
  for (const x of iter) yield fn(x);
}
<p>function* filter(iter, pred) {
for (const x of iter) if (pred(x)) yield x;
}</p>

登录后复制

现在可以链式调用：

Logomaster.ai

Logo在线生成工具

查看详情

const nums = map(filter(naturals(), x => x % 2 === 0), x => x ** 2);

登录后复制

上面代码没有执行任何计算，直到你开始取值：

nums.next(); // { value: 4, done: false }  (2²)
nums.next(); // { value: 16, done: false } (4²)

登录后复制

构造惰性链式API

我们可以封装一个类，让操作链更直观：

class Lazy {
  constructor(iterable) {
    this.iterable = iterable;
  }
<p>map(fn) {
return new Lazy(map(this.iterable, fn));
}</p><p>filter(pred) {
return new Lazy(filter(this.iterable, fn));
}</p><p>take(n) {
function* _take(iter, n) {
for (const x of iter) {
if (n <= 0) break;
yield x;
n--;
}
}
return new Lazy(_take(this.iterable, n));
}</p><p>toArray() {
return Array.from(this.iterable);
}
}</p>

登录后复制

使用方式：

const result = new Lazy(naturals())
  .filter(x => x % 2 === 0)
  .map(x => x * x)
  .take(3)
  .toArray();
<p>console.log(result); // [4, 16, 36]</p>

登录后复制

整个过程只计算了必要的6个自然数中符合条件的前3个平方，其余未执行。