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

Posted 2021-01-28 thatme

前言：第一次看到多个连续箭头函数是在一个 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 次调用，其实是提前将参数传递进去，并没有调用最内层函数体，最后一次调用才会调用最内层函数体，并返回最内层函数体的返回值。

如果把函数柯里化和闭包联系在一起，就比较好理解了。

来源：https://segmentfault.com/a/1190000017335156