JavaScript函数柯里化详解

函数柯里化是一种常见的函数变换技术，通过对函数进行柯里化，可以使得这个函数更加灵活和具有复用性。本文将对JavaScript函数柯里化进行详细的讲解。

什么是函数柯里化

函数柯里化（Currying）是指将一个多参数函数转换为一系列单参数函数的技术，每个单参数函数都是原函数的一个变换。例如，将一个接受三个参数的函数f，转换为一个接受一个参数的函数g，g返回一个接受一个参数的函数h，h返回一个接受一个参数的函数i, 函数i返回f的结果。这就是一个函数柯里化的过程。

函数柯里化的好处

函数柯里化可以让函数更加灵活和具有复用性，具体来说有以下好处：

降低函数的函数嵌套层数，提高代码可读性。
实现函数的复用率，多个地方使用同一段逻辑代码时直接调用，避免代码冗余。
可以避免函数被非法调用传入错误的参数。

如何实现函数柯里化

实现一个函数柯里化，通常需要两个步骤：

让原函数只接受一个参数，并返回一个函数，这个函数接受下一个参数，继续返回一个函数，直到所有参数都被处理完毕，返回最终结果。
将原函数的参数扁平化，这样可以在柯里化时简化代码的实现难度。

// 实现一个 add 函数，它可以接受任意多个参数，并返回它们的和
function add () {
  var args = [].slice.call(arguments)

  var fn = function () {
    var fn_args = [].slice.call(arguments)
    return add.apply(null, args.concat(fn_args))
  }

  fn.toString = function () {
    return args.reduce(function (sum, cur) {
      return sum + cur
    })
  }

  return fn
}

console.log(add(1)(2)(3)(4))  // 10

应用场景举例

通过函数柯里化生成特定功能的函数

假设需要实现一个函数，可以统计数组中某个值的个数，可以通过函数柯里化来实现。如下所示：

// 实现一个函数，可以统计数组中某个值的个数
function count (val, arr) {
  return arr.filter(function (item) {
    return item === val
  }).length
}

// 通过函数柯里化生成统计 1 的数量的函数
var countOne = count.bind(null, 1)

console.log(countOne([1, 2, 3, 1, 1]))  // 输出 3

通过函数柯里化生成可复用的函数

假设需要实现一个表单验证器，可以通过函数柯里化生成一个可复用的表单验证函数。如下所示：

// 实现一个函数，用于判断字符串是否为 URL 格式的字符串
function isUrl (str) {
  return /^https?:\/\/\w+(\.\w+)+(\?\S*)?$/.test(str)
}

// 使用函数柯里化生成一个可复用的表单验证函数
var validator = function (fn, errorMsg) {
  return function (val) {
    if (!fn(val)) {
      return errorMsg
    }
  }
}

var urlValidator = validator(isUrl, 'URL 格式错误')

console.log(urlValidator('http://www.baidu.com'))  // undefined
console.log(urlValidator('www.baidu.com'))  // 'URL 格式错误'