函数柯里化是一种很有用的技术，也是函数式编程中的重要概念。它可以让我们把一个函数拆分成多个部分，每个部分都只接受单一的参数，这样既方便了代码的组合和复用，也让代码更加可读和简洁。
ES12 中的函数柯里化引入了一些新的概念和技巧，比如函数参数的默认值、剩余参数和箭头函数等，这些都让函数柯里化变得更加方便和可玩。接下来我们将详细介绍 ES12 中的函数柯里化，并提供一些实用的技巧和示例代码。
什么是函数柯里化
函数柯里化（Currying）是指把一个接受多个参数的函数转化为多个只接受一个参数的函数的过程。例如，一个接受两个参数的函数 add(x, y) 可以被柯里化为 add(x)(y) 或者 addWith5 = add(5)，这样 addWith5(3) 就等价于 add(5, 3)。这样做的好处是可以把参数复杂的函数拆解为多个单一参数的函数，从而更加方便地组合和复用这些函数。
在 JavaScript 中，我们可以通过定义一个闭包来实现函数柯里化。以下是一个基本的柯里化函数示例：
-- -------------------- ---- -------
-------- --------- -
------ -------- ---------------- -
-- ------------ -- ---------- -
------ -------------- -----
- ---- -
------ --------------------- -
------ ------------------- ----------------------
-
-
-
-这个函数接受一个函数作为参数，返回一个新的函数。新函数接受任意个参数，当参数个数不足时返回一个新函数，参数个数足够时执行原函数并返回结果。
-- -------------------- ---- ------- -- -- -------- ----------- -- -- - ------ - - - - - - --- --------------- - --------------- ------------------------------------- -- -- ------------------------------ ------ -- -- --------------------------------- --- -- --
ES12 中的函数柯里化技巧
在 ES12 中，函数柯里化变得更加简洁和方便，以下是几个实用的技巧：
使用函数参数的默认值
在 ES12 中，可以给函数参数设置默认值，这样我们就不需要在使用柯里化函数时每次都传递相同的参数了。例如，对于下面的柯里化函数：
-- -------------------- ---- -------
-------- ---------- -- -- -
-- -- --- --------- -- - --- --------- -- - --- ---------- -
------ - - - - -
- ---- -
------ ----------- - -- -- - -- -- - -- -
------ ----------- --- ---
-
-
-使用默认值就可以让它更简洁：
-- -------------------- ---- -------
-------- ---------- - - -- - - -- -
-- -- --- --------- -- - --- --------- -- - --- ---------- -
------ - - - - -
- ---- -
------ ----------- - -- -- - -- -- - -- -
------ ----------- --- ---
-
-
-使用剩余参数
剩余参数（Rest parameters）是 ES6 新增的特性，可以将函数的多余的参数以数组的形式捕获。在柯里化函数中，可以使用剩余参数来处理多个参数的情况。例如：
-- -------------------- ---- -------
-------- ---------------- -
-- ------------ - -- -
------ ----------------- ---- -- --- - ----
- ---- -
------ --------------------- -
------ ---------------- ------------
-
-
-使用箭头函数
箭头函数在 ES6 中引入，它们在柯里化函数中的使用也非常方便。箭头函数没有自己的 this，所以在组合函数时不需要绑定上下文。例如：
const curried = fn =>
(...args) =>
args.length >= fn.length ? fn(...args) : curried(fn.bind(null, ...args))
const add = (x, y, z) => x + y + z
const add5 = curried(add)(5)
console.log(add5(2)(3)) // 10总结
函数柯里化是 JavaScript 中使用频率很高的技术之一，它可以让我们将一个函数分解成多个单一参数的函数，并实现代码的复用和组合。在 ES12 中，我们可以使用默认值、剩余参数和箭头函数等技巧来更加方便地实现函数柯里化。掌握这些技巧不仅可以提高代码的可读性和简洁性，还可以让我们编写更加灵活和可复用的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649e420048841e9894aca25c