一文带你搞懂JavaScript Currying（柯里化）函数
共 2632字，需浏览 6分钟
· 2021-09-29
回复“前端”即可获赠前端相关学习资料
大家好，我是进阶学习者。
一、什么柯里化（Currying）？
柯里化（Currying）是一种关于函数的高阶技术。它不仅被用于 JavaScript，还被用于其他编程语言。
柯里化是一种函数的转换，它是指将一个函数从可调用的 f(a, b, c) 转换为可调用的 f(a)(b)(c)。柯里化不会调用函数。它只是对函数进行转换。
二、案例
例：
将创建一个辅助函数 curry(f)，该函数将对两个参数的函数 f 执行柯里化。换句话说，对于两个参数的函数 f(a, b) 执行 curry(f) 会将其转换为以 f(a)(b) 形式运行的函数：
function curry(f) { // curry(f) 执行柯里化转换return function(a) {return function(b) {return f(a, b);};};}// 用法function sum(a, b) {return a + b;}let curriedSum = curry(sum);alert( curriedSum(1)(2) ); // 3
运行结果：
注:
正如所看到的，实现非常简单：只有两个包装器（wrapper）。
curry(func) 的结果就是一个包装器 function(a)。
当它被像 curriedSum(1) 这样调用时，它的参数会被保存在词法环境中，然后返回一个新的包装器 function(b)。
然后这个包装器被以 2 为参数调用，并且，它将该调用传递给原始的 sum 函数。
三、目的是什么？它有什么好处？
例：
要了解，需要一个实际中的例子。
有一个用于格式化和输出信息的日志（logging）函数 log(date, importance, message)。在实际项目中，此类函数具有很多有用的功能，例如通过网络发送日志（log），在这儿仅使用 alert：
function log(date, importance, message) { alert([${date.getHours()}:${date.getMinutes()}] [${importance}] ${message});}
让将它柯里化！
log = _.curry(log);柯里化之后，log 仍正常运行：
log(new Date(), "DEBUG", "some debug"); // log(a, b, c)运行结果：
……但是也可以以柯里化形式运行：
log(new Date())("DEBUG")("some debug"); // log(a)(b)(c)运行结果：
现在，可以轻松地为当前日志创建便捷函数：
// logNow 会是带有固定第一个参数的日志的偏函数let logNow = log(new Date());// 使用它logNow("INFO", "message"); // [HH:mm] INFO message
现在，logNow 是具有固定第一个参数的 log，换句话说，就是更简短的“偏应用函数（partially applied function）”或“偏函数（partial）”。
可以更进一步，为当前的调试日志（debug log）提供便捷函数：
let debugNow = logNow("DEBUG");debugNow("message"); // [HH:mm] DEBUG message
注：
柯里化之后，没有丢失任何东西：log 依然可以被正常调用。
可以轻松地生成偏函数，例如用于生成今天的日志的偏函数。
四、高级柯里化实现
下面是用于多参数函数的“高级”柯里化实现，也可以把它用于上面的示例。
function curry(func) {return function curried(...args) {if (args.length >= func.length) {return func.apply(this, args); }else { return function(...args2) {return curried.apply(this, args.concat(args2));}}};}
例：
function sum(a, b, c) {return a + b + c;}let curriedSum = curry(sum);alert( curriedSum(1, 2, 3) ); // 6，仍然可以被正常调用alert( curriedSum(1)(2,3) ); // 6，对第一个参数的柯里化alert( curriedSum(1)(2)(3) ); // 6，全柯里化
运行结果：
五、总结
本文基于JavaScript基础，介绍了Currying 函数。Currying 是一种转换，将 f(a,b,c) 转换为可以被以 f(a)(b)(c) 的形式进行调用。
JavaScript 实现通常都保持该函数可以被正常调用，并且如果参数数量不足，则返回偏函数。Currying 函数让能够更容易地获取偏函数。通过按案例的分析进行详细的讲解。
代码很简单，希望对你学习有帮助。
------------------- End -------------------
往期精彩文章推荐：
欢迎大家点赞，留言，转发，转载，感谢大家的相伴与支持
想加入前端学习群请在后台回复【入群】
万水千山总是情，点个【在看】行不行