1. 概念
当一个函数有多个参数的时候先传递一部分参数调用它(这部分参数以后永远不变)然后返回一个新的函数接收剩余的参数,返回结果
使用柯里化解决硬编码问题示例:
// 纯函数(有硬编码,后续可以通过柯里化解决)
// function checkAge(age) {
// let min = 18
// return age >= mini
// }
// 普通纯函数
// function checkAge(min,age) {
// return age >= min
// }
// console.log(checkAge(18,20));
// console.log(checkAge(18,25));
// console.log(checkAge(20,20));
// 柯里化函数
function checkAge(min) {
return function(age){
return age >= min
}
}
// 改造为 ES6 箭头函数写法
// let checkAge = min =>(age => age >= min)
let checkAge18 = checkAge(18);
let checkAge22 = checkAge(22);
console.log(checkAge18(20));
console.log(checkAge18(25));
console.log(checkAge22(20));
2. Lodash中的柯里化方法 (_.curry(func))
功能:创建一个函数,该函数接收一个或多个 func 的参数,如果 func 所需要的参数都被提供则执行 func 并返回执行的结果。否则继续返回该函数并等待接收剩余的参数。
(可以把任意多参数的函数转化成一元函数)
参数:需要柯里化的函数
返回值:柯里化后的函数
示例:
// 简单应用Lodash中的柯里化方法(_.curry(func))
const _ = require('lodash');
function getSum(a, b, c) {
return a + b + c;
}
// 通过lodash 转为柯里化函数
const curried = _.curry(getSum);
console.log(curried(1, 2, 3));
console.log(curried(1, 2)(3));
console.log(curried(1)(2)(3));
3. 原理模拟
// 模拟 lodash 中的 curry 方法
function getSum(a, b, c) {
return a + b + c;
}
// 通过lodash 转为柯里化函数
const curried = curry(getSum);
// console.log(curried(1, 2, 3));
console.log(curried(1, 2)(3));
// console.log(curried(8)(9)(10));
// 模拟lodash 中的 curry 方法
function curry(func) {
return function curriedFn(...args) {
console.log('----------------------', args);
// 实参和形参进行对比
if (args.length < func.length) {
return function () { // 一定要闭包 因为实参小于形参 相对于下一个括号里的东西
// concat() 方法用于连接两个或多个数组。
// from() 通过给定的对象中创建一个数组。
// 上一个参数被 上面的 args 记录了 arguments这个指的是下一个参数
console.log(args.concat(Array.from(arguments)));
// 将连接好的数组打散再传给curriedFn 进行递归 一直到括号都走完(形参==实参)
return curriedFn(...args.concat(Array.from(arguments)))
}
}
return func(...args)
}
}
4. 案例:寻找数组中的带有空白字符的元素
// 寻找数组中的带有空白字符的元素
const _ = require('lodash');
// match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
const match = _.curry(function(reg,str){
return str.match(reg)
})
// 正则表达式 \s 匹配任何空白字符
// "g"表示全局匹配将替换所有匹配的子串,如果不加"g"当匹配到第一个后就结束了
const haveSpace = match(/\s+/g)
// \d是指数字
const haveNumber = match(/\d+/g)
// 数组过滤
const filter = _.curry(function(func,array){
return array.filter(func)
})
// 寻找带空格的元素
const findSpace = filter(haveSpace);
console.log(filter(haveSpace,['aa aa','bbbb']));
console.log(findSpace(['aa aa','bbbb']));
5. 总结
- 这是一种对函数参数的’缓存’ (因为使用了闭包的原因)
- 柯里化可以让我们给一个函数传递较少的参数得到一个已经记住了某些固定参数的新函数
- 让函数变的更灵活,让函数的粒度更小
- 可以把多元函数转换成一元函数,可以组合使用函数产生强大的功能