Memoization（记忆化）是一种优化技术，它可以帮助我们在必要的时候避免被重复计算。在前端开发中，Memoization常常被应用于函数的优化，尤其是复杂的计算或密集型的操作。在 ES6 中，我们通常使用闭包和缓存对象来实现 Memoization，但是在 ES7 中，新的语法糖 "Memoization 小技巧" 值得我们探讨。
传统的 Memoization
先来回忆一下传统的 Memoization 实现方式，看看它们的缺陷：
-- ----
-------- ----------- -
----- ----- - --- ------
------ -------- --------- -
----- --- - ---------------
-- ---------------- ------ ---------------
----- ----- - ------------
-------------- -------
------ ------
--
-
-- ------
-------- ----------- -
----- ----- - ---
------ -------- --------- -
----- --- - ---------------
-- ---- -- ------ ------ -----------
----- ----- - ------------
---------- - ------
------ ------
--
-这些实现方式都有缓存对象，用于存储已经执行过的参数和结果。缓存对象可以是 Map, Object 或甚至是 WeakMap。在每次函数执行前，利用参数生成唯一标识，查看缓存对象中是否存在该标识对应的结果，如果有，则直接返回结果，避免了重复计算。但是，这些传统的实现方式存在一些问题：
- 闭包实现用了一个 Map 来存储结果，占用了大量的内存，当函数调用次数较多时，内存可能被耗尽。
- 缓存对象实现无法处理一些特殊类型的参数，例如 Map, Set 等。此外，也无法处理参数中包含 null 或 undefined 的情况。
因此，我们需要一种更加优秀的解决方案。
新的语法糖
在 ES7 中，我们可以使用 "Memoization 小技巧" 来实现 Memoization，这是一种更为简单的方式，不仅让代码更易读、易写，同时也能避免传统实现方式的缺陷。
假如我们需要对一个函数实现 Memoization，并且我们要求传入的函数参数为数字类型，那么可以这么做：
-------- ------ -- -
------ - - --
-
----- ----------- - -------- -- -
----- ----- - --- ------
------ -------- --- -- -
----- --- - ------------
--- ----- - ---------------
-- ------ --- ---------- -
------ ------
-
----- - ------ ---
-------------- -------
------ ------
--
----上述代码的 "Memoization 小技巧" 部分为：
----- ----------- - -------- -- -
----- ----- - --- ------
------ -------- --- -- -
----- --- - ------------
--- ----- - ---------------
-- ------ --- ---------- -
------ ------
-
----- - ------ ---
-------------- -------
------ ------
--
----我们利用了语言的新特性，直接创建 IIFE（立即调用函数表达式），在第一次调用时生成了一个 Map 对象，用于缓存结果。同时，我们创建了一个匿名函数，并立即将其执行结果赋值给 memoizedSum 这个变量。该匿名函数接收 a 和 b 两个参数，然后查看 Map 中是否已经存在了对应的结果。如果存在，直接返回结果；否则，执行 sum 函数，将结果存入 Map 中，并返回结果。这样，每次调用 memoizedSum 都会优先检查 Map 中的缓存，如果已经有了结果，直接返回，否则再计算结果。这种方式具有更好的可读性，同时避免了传统方式存在的一些缺陷，因此应该成为我们 Memoization 的新标准。
结论
Memoization 是一种非常有用的优化技巧，可以提升函数的执行效率，减少不必要的运算。在传统方式中，我们可以使用闭包或缓存对象来实现 Memoization，但是这些方式都有些缺陷，例如占用大量内存、无法处理特殊类型的参数等。在 ES7 中，我们可以使用新的语法糖 "Memoization 小技巧" 来避免这些问题，并举例说明了如何使用该方法。在实际开发中，我们可以根据不同的需求和场景来选择最合适的Memoization实现方式，同时也可以使用高阶函数和其他技术手段来处理更复杂的情况。这些技术都与 Memoization 密切相关，有助于优化我们的代码，并提高效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66fc23cd4471362601692132