这篇文章将为大家详细讲解有关JavaScript函数柯里化是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。call 和 apply二者的作用完全一样,只是接受参数的方式不太一样。call其实是apply的一种语法糖。格式:apply(context,[arguments])
,call(context,param1,param2,...)
。柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。在这里举个例子,有一个add()
函数,它是用来处理我们传给它的参数(param1,params2,…)相加求和的一个函数。如果我们将add()
函数柯里化,是什么样子呢?在这里简单的实现一下:从以上简单柯里化的add()
函数可以看出,函数可以接受部分函数,然后返回一个新的函数,使其继续处理剩下的函数。在这里我们创建一个公共的柯里化函数,那样我们就不必每次写一个函数都要在其内部实现复杂的柯里化过程。在以上公共的柯里化函数中:arguments
,并不是一个真的数组,只是一个具有length
属性的对象,所以我们从Array.prototype
中借用slice
方法帮我们把arguments
转为一个真正的数组,方便我们更好的操作。当我们第一次调用函数createCurry
的时候,其中变量stored_args
是保持了除去第一个参数以外的参数,因为第一个参数是我们需要柯里化的函数。当我们执行createCurry
函数中返回的函数时,变量new_args
获取参数并转为数组。内部返回的函数通过闭包访问变量stored_args
中存储的值和变量new_args
的值合并为一个新的数组,并赋值给变量args
。最后调用fn.apply(null,args)
方法,执行被柯里化的函数。现在我们来测试公共的柯里化函数当然这里并不局限于两个参数的柯里化,也可以多个参数:通过以上的例子,我们可以发现一个局限,那就是不管是两个参数还是多个参数,它只能分两步执行,如以下公式:fn(x,y) ==> fn(x)(y);fn(x,y,z,w) ==> fn(x)(y,z,w) || fn(x,y)(z,w)||…如果我们想更灵活一点:fn(x,y) ==> fn(x)(y);fn(x,y,z) ==> fn(x,y)(z) || fn(x)(y)(z);fn(x,y,z,w) ==> fn(x,y)(z)(w) || fn(x)(y)(z)(w) || …;我们该怎么实现呢?经过以上练习,我们发现我们创建的柯里化函数存在一定局限性,我们希望函数可以分为多步执行:以上我们已经实现了灵活的柯里化函数,但是这里我们又发现了一个问题:如果我第一次就把参数全部传入,但是它并没有返回结果,而是一个函数(function)。只有我们再次将返回的函数调用一次才能返回结果:curryAdd(add,1,2,3,4)()
;可能有人说如果是全部传参,就调用原来的add()
函数就行了,这也是一种办法;但是我们在这里既然是满足参数数量,对于这种情况我们还是处理一下。在这里我们只需要在返回函数前做一下判断就行了:以上可以算是完成了一个灵活的柯里化的函数了,但是这里还不算很灵活,因为我们不能控制它什么时候执行,只要免费云主机域名参数数量足够它就自动执行。我们希望实现一个可以控制它执行的时机该怎么办呢?我们这里直接说明一下函数公式:fn(a,b,c) ==> fn(a)(b)(c )();fn(a,b,c) ==> fn(a);fn(b);fn(c );fn();当我们参数足够时它并不会执行,只有我们再次调用一次函数它才会执行并返回结果。在这里我们在以上例子中加一个小小的条件就可以实现。关于“JavaScript函数柯里化是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
这篇文章主要介绍“HTML图像标签是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML图像标签是什么”文章能帮助大家解决问题。 在HTML中,图像由标签定义。 通过使用标签,可以在文档中显示图像。 …
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。