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

2023-04-27,,

前言:第一次看到多个连续箭头函数是在一个 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

从 ES6 高阶箭头函数理解函数柯里化的相关教程结束。

《从 ES6 高阶箭头函数理解函数柯里化.doc》

下载本文的Word格式文档,以方便收藏与打印。