JavaScript中的函数柯里化，你知道吗？（含面试题）

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

什么是柯里化，以前只是听说过这个词，今天才真正理解，才真正会用。

一、柯里化定义

百度百科这样定义柯里化：在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。

你需要记住的是：只传递给函数一部分参数来调用它，让它返回一个函数去处理剩余的参数的过程叫做柯里化。

二、柯里化的过程

function foo(x,y,m,n){
    return x+y+m+n
}
foo(1,2,3,4)

下面是将foo函数进行柯里化的过程。

function fn(x){
    return function(y){
	return function(m){
		return function(n){
			return x + y + m + n
		}
	}
    }
}
console.log(fn(1)(2)(3)(4)) //10

柯里化也可使用箭头函数进行简写。

const sum = x => y => m => n => x + y + m + n
console.log(sum(1)(2)(3)(4))

三、为什么使用柯里化

1.让函数的职责尽可能单一

下面代码中对x,y,z的操作只是一行，如果在项目中可能会有很多操作，如果都写到一个函数内部，会让该函数变的很大，且内容杂乱。使用柯里化就可让每个函数有其单一的职责和功能。

function foo(x,y,z){
    x = x + 1
    y = y + 5
    z = z * 2
    return x + y + z
}
 
//柯里化
function fn(x){
    x = x + 1
    return function(y){
        y = y + 5
        return function(z){
            z = z * 2
            return x + y + z
        }
    }
}
console.log(fn(1)(2)(3)) //15

2. 逻辑的复用

function fn(x){
    return function(y,z){
        return x + y + z
    }
}
 
const fn10 = fn(10)
console.log(fn10(1,5))   //16
console.log(fn10(5,22))   //37
console.log(fn10(100,9))  //119

四、柯里化函数的实现

柯里化函数的实现，就是写一个方法，通过这个方法可以帮助我们将一个普通函数进行柯里化执行。

function wyCurring(fn) {
  return function curried(...args) {
    //  判断当前已经接受的参数的个数，和函数本身需要接受的参数是都一致
    if (args.length >= fn.length) {
      return fn.apply(this, args);
    } else {
      // 没有达到个数，需要返回一个新的函数继续接受参数
      return function (...args2) {
        return curried.apply(this, [...args, ...args2]);
      };
    }
  };
}
 
function sum(x, y, z) {
  return x + y + z;
}
const currySum = wyCurring(sum);
sum(1, 2, 3);
console.log(currySum (1)(2)(3));//6
console.log(currySum (1, 2)(3)); //6

五、面试题

将sum(1,2,3,4…n)转化为 sum(1)(2)(3)(4)…(n)

function sum(a,b,c,d,e,f,g) {
  return a + b + c + d + e + f + g;
}
const currySum = wyCurring(sum);
sum(1, 2, 3，5,7,100,4);
console.log(currySum (1)(2)(3)(5,7,100)(4);//122

你一定读到最后的吧！