16. JS编程之函数柯里化

题目描述
已知 fn 为一个预定义函数，实现函数 curryIt，调用之后满足如下条件：
1、返回一个函数 a，a 的 length 属性值为 1（即显式声明 a 接收一个参数）
2、调用 a 之后，返回一个函数 b, b 的 length 属性值为 1
3、调用 b 之后，返回一个函数 c, c 的 length 属性值为 1
4、调用 c 之后，返回的结果与调用 fn 的返回值一致
5、fn 的参数依次为函数 a, b, c 的调用参数
编程实现

//箭头函数（ES6）
function curryIt(fn) {
    var a = (x)=> (y)=> (z)=> fn(x,y,z);
    return a;
}
//普通函数实现
function curryIt(fn) {
    return function a(xa){
        return function b(xb){
            return function c(xc){
                return fn.call(this,xa,xb,xc);
            };
        };
    };
}

var fn = function (a, b, c) {return a + b + c};
curryIt(fn)(1)(2)(3);

知识点：函数柯里化

1. 概念
   函数柯里化：是指将多个变量的函数拆为多个单变量函数依次调用， 利用函数执行，形成一个不销毁的私有作用域（闭包），把预先处理的内容都存在这个作用域中，并返回一个函数，以后就执行返回的函数来实现需要的功能。比如：

// add函数
function add(x, y) {
    return x + y
}
// 柯里化后
function curryingAdd(x) {
    return function (y) {
        return x + y
    }
}
add(1, 2)           // 3
curryingAdd(1)(2)   // 3

2. 作用

• 参数复用
  如果函数有多个参数，多次调用时只需改变其中的几个参数，就可用函数柯里化，将不需要改变的参数作为最外层的参数，需要改变的参数作为返回函数的参数。
  比如：正则表达式的校验，如果有很多地方都要校验是否有数字，我们只需要将第一个参数reg进行复用，这样别的地方就能够直接调用hasNumber，hasString等函数，让参数能够复用。

// 正常正则验证字符串 reg.test(txt)
// 函数封装
function check(reg, txt) {
    return reg.test(txt)
}
check(/\d+/g, 'test')       //false
check(/[a-z]+/g, 'test')    //true

// 柯里化
function curryingCheck(reg) {
    return function(txt) {
        return reg.test(txt)
    }
}
var hasNumber = curryingCheck(/\d+/g)
var hasString = curryingCheck(/[a-z]+/g)

hasNumber('10')      // true
hasNumber('b')   // false
hasString('21212')      // false

• 延迟运行
  bind函数实现机制就是利用柯里化的封装。
  在没有输入参数时，不计算总结果。等需要计算的时候，再运行返回的函数计算。

Function.prototype.bind = function (context) {
    var _this = this
    var args = Array.prototype.slice.call(arguments, 1)
 
    return function() {
        return _this.apply(context, args)
    }
}