函数的柯里化

背景

碰到这么一个场景:
我有一个分页组件,它接受一个分页请求函数
每次点击分页组件中的按钮,都会调用这个传入的函数获取分页数据并刷新组件

需求

现在我想复用这个组件,但是出现了一个问题:这次我的分页请求函数多了一个参数
如果直接传入这个函数,它被调用的时候就会因为参数不匹配而出错

一下子没反应过来,去问同学说函数在包一层,恰巧又想到了柯里化
Chatgpt给出的定义是这样的:

函数柯里化(Currying)是一种将接受多个参数的函数转换为一系列接受一个单一参数的函数的技术。
转换之后的函数返回一个新的函数,新的函数接受下一个参数,一直重复这个过程,直到所有的参数都被传入并处理完毕,最后返回最终结果。
例如:一个接收两个参数x,y的函数,可以柯里化为一个接受单个参数x的高阶函数,该函数返回一个接收单个参数y的函数h(y),并且h(y)返回f(x,y)的结果
好处是:可以部分应用函数,固定一些参数的值,从而得到新的函数

例子

/**
* 未柯里化的加法函数
*/
function add(x, y, z) {
return x + y + z;
}
/**
* 柯里化的加法函数
*/
function curriedAdd(x) {
return function (y) {
return function (z) {
return x + y + z;
}
}
}
console.log(add(1, 2, 3)); // 输出 6
const curriedAddFunc = curriedAdd(1);
console.log(curriedAddFunc(2)(3)); // 输出 6

这不就是我想要的吗,将多出来的参数再包一层固定,返回一个只带一个参数的函数

本文作者:YaosGHC

本文链接:https://www.cnblogs.com/yaocy/p/17233014.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   YaosGHC  阅读(23)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
收起