从 ES6 高阶箭头函数理解函数柯里化

前言：第一次看到多个连续箭头函数是在一个 react 项目中，然鹅确认了下眼神，并非对的人，由于看得一脸懵逼。em......因而开始各类搜索，先是知道了多个连续箭头函数就是 es6 的屡次柯里化的写法，对于函数柯里化，好久之前就知道这个名次，可是并不理解，也没有去了解。为了弄明白多个连续箭头函数，开始了简化之路。

首先看到了这样的一个例子：

let add = a => b => a + b

以上是一个很简单的相加函数，把它转化成 ES5 的写法以下：

let add = function(a) {
    return function(b) {
        return a + b;
    }
}

再简化一下，能够写成以下形式：

let add = function(a) {
    var param = a;
    var innerFun = function(b) {
        return param + b;
    }
    return innerFun;
}

虽然好像没什么意义，可是很显然上述使用了闭包，并且该函数的返回值是一个函数。其实，这就是高阶函数的定义：以函数为参数或者返回值是函数的函数。

那么，这跟柯里化有什么关系呢？

再来看一下 wiki 里面对柯里化的定义：把接受多个参数的函数变换成接受一个单一参数的函数，而且返回（接受余下的参数并且返回结果的）新函数的技术。能够对一个连续的箭头函数进行屡次柯里化。n 个连续箭头组成的函数实际上就是柯里化了 n - 1 次，而前 n - 1 次调用，实际上是提早将参数传递进去，并无调用最内层函数体，最后一次调用才会调用最内层函数体，并返回最内层函数体的返回值。

若是把函数柯里化和闭包联系在一块儿，就比较好理解了。