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

发布时间:2019-08-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了从 ES6 高阶箭头函数理解函数柯里化脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
前言:第一次看到多个连续箭头函数是在一个 react 项目中,然鹅确认了下眼神,并不是对的人,因为看得一脸懵逼。em......于是开始各种搜索,先是知道了多个连续箭头函数就是 @L_406_2@ 的多次柯里化的写法,对于函数柯里化,很久以前就知道这个名次,但是并不理解,也没有去了解。为了弄明白多个连续箭头函数,开始了简化之路。

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

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 次调用,其实是提前将参数传递进去,并没有调用最内层函数体,最后一次调用才会调用最内层函数体,并返回最内层函数体的返回值。

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

脚本宝典总结

以上是脚本宝典为你收集整理的从 ES6 高阶箭头函数理解函数柯里化全部内容,希望文章能够帮你解决从 ES6 高阶箭头函数理解函数柯里化所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。