在 JavaScript 中，函数也可以返回一个函数。这种函数被称为“返回函数的函数”，它可以让我们更加灵活地处理代码逻辑，提高代码的可读性和可维护性。
简单示例
让我们先看一个简单的示例：定义一个返回加法函数的函数。这个“返回函数的函数”接收一个参数 a，并返回一个新的函数，这个新的函数接收一个参数 b，返回两个参数的和。
function add(a) {
return function(b) {
return a + b;
}
}
const add5 = add(5);
console.log(add5(3)); // 输出 8在上面的示例中，add(5) 返回了一个新的函数，我们将其赋值给了变量 add5。这个新的函数可以直接调用并传入参数 b，实现了对 a 的记忆化处理。
高级应用
除了上面的示例外，我们还可以利用“返回函数的函数”完成更复杂的逻辑。例如：
延迟执行
有时我们需要将一些操作推迟到特定时刻再执行。我们可以使用“返回函数的函数”来实现这个功能。
-- -------------------- ---- -------
-------- --------- --- -
------ ---------- -
------------- -- -------------- ----------- ----
--
-
-------- ----------- -
---------------- -----------
-
----- ------------ - ------------ ------
---------------------- -- - ----- ---- -------在上面的示例中，delay(sayHi, 2000) 返回了一个新的函数 delayedSayHi。当 delayedSayHi 被调用时，它会在 2 秒钟后调用 sayHi 并传入相应的参数。
缓存
有些函数的计算结果比较耗时，我们可以使用“返回函数的函数”来实现缓存功能。
-- -------------------- ---- -------
-------- ----------- -
----- ----- - --- ------
------ ----------------- -
----- --- - ---------------------
-- ---------------- -
------------------ ------
------ ---------------
-
------------------ -------
----- ------ - -------------- ------
-------------- --------
------ -------
--
-
-------- ------------ -
-- -- -- -- -
------ --
-
------ ----------- - -- - ----------- - ---
-
----- ----------------- - -------------------
----------------------------------- -- -- -------- ------ -----
----------------------------------- -- -- -------- ------ ----在上面的示例中，memoize(fibonacci) 返回了一个新的函数 memoizedFibonacci。当 memoizedFibonacci 被调用时，它会先检查是否已经有计算过的结果，如果有则直接返回，否则会调用原函数 fibonacci 计算结果并缓存。
总结
“返回函数的函数”是 JavaScript 中非常强大的技巧之一。它可以让我们更加灵活地处理代码逻辑，提高代码的可读性和可维护性。在实际开发中，我们可以使用“返回函数的函数”来实现延迟执行、缓存等功能，从而优化代码的性能和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12594