一文带你搞懂JavaScript Currying(柯里化)函数
回复“前端”即可获赠前端相关学习资料
大家好,我是进阶学习者。
一、什么柯里化(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 -------------------
往期精彩文章推荐:
欢迎大家点赞,留言,转发,转载,感谢大家的相伴与支持
想加入前端学习群请在后台回复【入群】
万水千山总是情,点个【在看】行不行