平时开发不注意,很多面试的时候比较容易问到柯里化,什么是柯里化呢,其实就是一种境界的提高(装个b,莫喷),其实就是函数进阶的表现,接下来就简单说一下。
一、什么是柯里化?
函数柯里化:是将接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。看到这官方性的解释是不是有点似懂非懂,接下来我们就用使用了n多遍的add举个例子看看:
function add(x,y,z){ //平常方式
return x+y+z;
}
function addCurry(x){ //柯里化
return function(y){
return function(z){
return x+y+z
}
}
}
add(1,2,3); //6
addCurry(1)(2)(3); //6
是不是看觉得有点傻啊(我一行代码写完的东西,非给我整个四五行 ,我第一次见它的时候也是这个想法),但是后来才发现它原来真的可能不太一样,我们再扩展一下举个例子看看,不限制调用的次数,也是一道经常见的面试题:
function curAdd1(x){
var add = function(y){
x = x+y;
return add;
}
add.toString = function () {
return x;
}
return add;
}
console.log(curAdd1(1)(2)(3)); //6
其中的toString()方法参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/toString的一句话 “ 在Function需要转换为字符串时,通常会自动调用函数的 toString
方法。”
还可以再次扩展,不限制调用次数,不限制参数个数:
function curAdd2(){
// 第一次执行时,定义一个数组存储参数
var args = Array.prototype.slice.call(arguments);
// 利用闭包特性保存参数
var add = function() {
args.push(...arguments);
return add;
};
// 利用上边说的toString的特性做处理
add.toString = function () {
return args.reduce(function (a, b) {
return a + b;
});
}
return add;
}
console.log(curAdd2(1,2,3)(4)); //10
console.log(curAdd2(1,2)(3,4)(5)); //15
二、整体封装
//单个参数封装
var currying = function(fn) {
args = Array.prototype.slice.call(arguments, 1);
return function() {
var newArgs = args.concat(Array.prototype.slice.call(arguments));
return fn.apply(this, newArgs);
}
}
// 多参数传递
function currying(fn, args) {
var _this = this;
var len = fn.length;
var args = args || [];
return function() {
var _args = Array.prototype.slice.call(arguments);
Array.prototype.push.apply(args, _args);
// 如果参数个数小于最初的fn.length,则递归调用,继续收集参数
if (_args.length < len) {
return currying.call(_this, fn, _args);
}
return fn.apply(this, _args);
}
}
二、使用柯里化的优点
1、参数复用
//平常写法,正则校验
function check(reg, txt) {
return reg.test(txt);
}
check(/\d+/g, '123') //true+
check(/[a-z]+/g, 'test') //true
//柯里化后的写法
// curry 后
function curringCheck(reg) {
return function(txt) {
return reg.test(txt)
}
}
// 中间函数, 预先设定规则
var hasNumber = curryingCheck(/\d+/g)
var hasLetter = curryingCheck(/[a-z]+/g)
hasNumber('123') // true
hasLetter('test') // true
其他的优点之处目前有些没有理解的太清楚,就不在此叙述了。
三、使用柯里化的缺点
1、因为使用柯里化的时候使用了闭包,最大的缺点最主要的就是闭包所有的缺点,内存得不到释放等
其实,总的来说,柯里化是js开发过程函数进阶的一个方式,可以减少代码的冗余,增加代码的可读性,使得代码的层次结构更加清楚分明,在逐步的开发中使用,还是有很大的好处。