ES7 将支持惰性求值
在 JavaScript 中，当我们需要对一个数组进行筛选、查找、分组等操作时，我们通常会用到一些高阶函数，例如 map、filter、reduce 等。这些函数使用起来非常方便，但是它们有一个缺点，就是会对数组的所有元素都进行处理，即使我们只需要其中的一部分。这个问题可以通过惰性求值来解决。
什么是惰性求值呢？简单来说，就是在需要使用到某个值时再去计算它，而不是在一开始就计算所有值。这种方式可以提高效率，减少不必要的计算，特别是当数据量很大时。
ES7 中新增了一个函数 decorator，可以用来实现惰性求值。我们可以通过将 decorator 应用到原有的高阶函数上，来创建一个新的高阶函数，该函数只有在被调用时才会执行原函数。
下面是一个不使用 decorator 的简单示例：
-- -------------------- ---- ------- --- --- - --- -- -- -- --- --- --------- - --------------- -- - --------------------- ------ ------ ---- - -- --- --- ------ - ------------------ -- - ------------------ ------ ------ ---- - -- --- --------------------
运行结果如下：
-- -------------------- ---- ------- ------ - ------ - ------ - ------ - ------ - --- - --- - --- - - -- -- -- -
可以看到，filter 和 map 都对数组的所有元素都进行了处理，即使我们最后只用到了其中的一部分。
下面是使用 decorator 的示例代码：
-- -------------------- ---- -------
-------- -------- -
--- ----- - ---
------ -------- -- -
-- ------------- - -- -
------ ------
- ---- -
--- ------ - -------------- -----------
----- - -------
------ -------
-
-
-
--- --- - --- -- -- -- ---
--- --------- - -------------------- -- -
--------------------- ------
------ ---- - --
----
--- ------ - ------------------------- -- -
------------------ ------
------ ---- - --
----
----------------------运行结果如下：
-- -------------------- ---- ------- ------ - ------ - ------ - ------ - ------ - --- - --- - --- - - -- -- -- -
可以看到，这次只有当 mapArr() 被调用时，filter 和 map 才会对数组进行处理，而且以后再调用 mapArr() 时，不用再重新计算，因为结果已经被缓存了。
总结
惰性求值可以提高代码的性能，因为它只在需要时才会计算表达式的值，而不是一开始就计算所有值。ES7 中新增的 decorator 函数可以很方便地实现惰性求值。如果你需要对大量数据进行筛选、查找、分组等操作，那么惰性求值是一个很好的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648adf5a48841e9894926195