【JS】JS函数柯里化及应用场景

什么是函数柯里化

柯里化（Currying），函数柯里化是一种将多个参数的函数转变为一系列接受单一参数的函数的过程。这意味着，我们可以通过对函数进行柯里化，将接受多个参数的函数转变为一系列只接受一个参数的函数，从而可以在不传递所有参数的情况下进行部分参数的传递，或者在需要时再传递剩余的参数。

简而言之：将函数细分，把接受的多个参数变为一系列接受单一参数的函数。这种转变过程是通过闭包和递归的方式实现的。

柯里化的作用

在函数式编程中，每个函数处理的问题都是单一的，尽量避免将一堆逻辑写到一个函数中，这样可读性差且不易复用。

而函数的柯里化可以使复用性大大提高。

柯里化的简单示例

有一个需求，分别求出四个长方体的体积，他们的长宽高分别为：8x4x2，8x4x4，8x7x4，8x3x9。

传统写法

const getArea = (l,w,h) => {
	return l * w * h
}

const res1 = getArea(8,4,2)  // 64
const res2 = getArea(8,4,4)  // 128
const res3 = getArea(8,7,4)  // 224
const res4 = getArea(8,3,9)  // 216

柯里化写法

const getArea = (l) => {
	return (w) => {
		w = l * w
		return (h) => {
      return w * h
    }
	}
}
const res1 = getArea(8)(4)(2)  // 64
const res2 = getArea(8)(4)(4)  // 128
const res3 = getArea(8)(7)(4)  // 224
const res4 = getArea(8)(3)(9)  // 216

可以发现需求中所有长方体的长均为8，那我们可以使用如下写法

const getArea = (l) => {
	return (w) => {
		w = l * w
		return (h) => {
      return w * h
    }
	}
}
 
const fn = getArea(8)
const res1 = fn(4)(2)  // 64
const res2 = fn(4)(4)  // 128
const res3 = fn(7)(4)  // 224
const res4 = fn(3)(9)  // 216

将普通函数转为柯里化函数

可以发现之前的写法使用过程中有局限性（每次都需要固定长度为1的参数），为了提高使用感受，可以使用闭包配合递归将普通函数处理变为柯里化函数。

function currying(fn){
	return function curried(...args){
    // 判断如果剩余参数多于或等于第一个函数的参数，那么直接返回
		if(args.length >= fn.length){
			return fn(...args)
		}
    // 未符合就返回一个函数，接收新的参数
		return function(...args2){
      // 将之前的参数与新的合并
			return curried(...args.concat(...args2))
		}
	}
}

function add(l,w,h){
  return l * w * h
}
const fn = currying(add)
const res1 = fn(2,3)(4)     // 24
const res2 = fn(2)(3,4)     // 24
const res3 = fn(2)(3)(4)    // 24