函数柯里化

函数柯里化

有的时候我们需要给一个函数传递多个参数，并且数量是不一定的，这个时候，函数柯里化的作用就体现出来了。首先我们来看看一个普通的加法函数。

/**
 * 普通的函数
 */
function add(x, y) {
  return x + y
}
console.log(add(1, 2))

加入我们需要传递更多的参数的话，我们需要把函数的形参再增加，这样的话会显得更加麻烦。

下面是一个简单的柯里化加法函数

/**
 * 函数柯里化后的函数
 */
function curringAdd(x) {
  return function (y) {
    return x + y
  }
}
console.log(curringAdd(2)(3))

我们不难发现在这个函数里面，用到了闭包，使用了其他函数作用域的参数，但是现在这个函数只能实现两个数相加，要是有三个参数呢？我们得在内部返回的函数里面再去添加一个函数，并且返回，这样就大大增加了代码的长度，并且大部分的代码都是冗余的，这个时候，我们就可以利用改良后的柯里化函数去进行解决了。

function curring() {
  const args = Array.prototype.slice.call(arguments)
  function func() {
    args.push(...arguments)
    return func
  }
  func.toString = func.valueOf = function () {
    return args.reduce(function (a, b) {
      return a + b
    })
  }
  return func
}
console.log(curring(1, 2)(4, 3).valueOf()) // 10

这样就可以实现我们的加法函数了，并且可以传递进去多个参数，这样我们的一个加法柯里化函数就实现了，但是我们发现了一个缺点，就是这个函数只能用于加法运算，如果我们要的是乘法运算呢？这又怎么做呢？别急，还有方法，就是我们在最外部的函数中接收一个参数，这个参数是一个函数fn，然后在接下来传递的参数把这些参数传递到这个fn函数中，然后由fn函数进行运算，这样就可以实现不同函数之间的通用柯里化函数了，来看看代码。

/**
 * 自己实现的柯里化函数
 */
function myCurring(fn) {
  return function () {
    const args = Array.prototype.slice.call(arguments)
    function func() {
      args.push(...arguments)
      return func
    }
    func.toString = func.valueOf = function () {
      return fn.apply(fn, args)
    }
    return func
  }
}
/**
* 加法函数
*/
const Add = function () {
  return [].reduce.call(arguments, function (a, b) {
    return a + b
  })
}
const myCurry = myCurring(Add)
console.log(myCurry(1, 2)(4)(5, 6).valueOf())

这样我们就可以在这个柯里化函数中实现不同运算函数了，这样是不是很方便呢！

那么柯里化函数的用途又有哪些呢？

• 实现参数的复用
• 动态创建函数（例如浏览器的适配，谷歌浏览器和IE浏览器点击事件的判断）

如果这篇文章对你有些帮助的话，动动小手点点赞吧❤