函数的柯里化()-其他

发表于： 3月 19, 2023 3月 19, 2023
分类：其他
标签：其他

函数的柯里化()

背景

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

需求

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

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

柯里化

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

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

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

————————

背景

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

需求

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

柯里化

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

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