JS函数式编程【译】4.1 部分函数应用和珂理化
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JS函数式编程【译】4.1 部分函数应用和珂理化,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含6688字,纯文字阅读大概需要10分钟。
内容图文
部分函数应用和珂理化
许多语言支持可选参数,但是Javascript不支持。Javascript采用一种完全不同的模式,它任允许意数量的参数传给函数。 这就给一些有趣且非同寻常的设计模式留下了门路。函数可以全部或部分应用。
部分应用在Javascript中的处理方式是:给函数的一个或多个参数绑定上值,然后返回另一个函数接受剩余的未绑定参数。 同样,珂理化的处理方式是把一个有多个参数的函数转换为一个只接受一个参数的函数,它返回的函数接受剩余的参数。
这两者的差异现在看起来不是很明显,但最后会清楚的。
函数操作
在我们进一步解释如何实现部分应用和珂理化之前,我们需要进行一些回顾。如果我们想要扒掉JavaScript厚重的C风格语法外衣, 暴露其函数式本质的话,我们需要理解原始函数、原型在JavaScript中是如何工作的;而如果我们只是想设置一些cookie 或验证一些表单的话则永远不用考虑这些。
apply、call和this关键词
在纯函数式语言中,函数不会被唤起(invoke),他们是被应用(apply)。JavaScript以同样的方式工作, 甚至提供了手动调用(call)和应用(apply)函数的工具。这写都是与this关键词有关的,当然this指的是函数所属的那个对象。
call()函数把第一个参数作为this关键字。它是这样工作的:
console.log([‘Hello‘,‘world‘].join(‘ ‘))// 正常方式
console.log(Array.prototype.join.call([‘Hello‘,‘world‘],‘ ‘));//使用call
call()函数可以唤起匿名函数:
console.log((function(){console.log(this.length)}).call([1,2,3]));
apply()函数和call()函数很像,但是更有用一些:
console.log(Math.max(1,2,3));// 返回3
console.log(Math.max([1,2,3]));// 无法应用于数组
console.log(Math.max.apply(null,[1,2,3]));// 这样就可以了
基本的区别是:call()函数接受一列参数,apply函数接受一个数组作为参数。
call()和apply()让你可以只写一次函数,其它对象可以继承它而无需再写一遍函数。 并且他俩都是Function对象的成员。
// 这两行代码是等价的
func.call(thisValue);
Function.prototype.call.call(func, thisValue);
绑定参数
bind()函数让你能够调用一个对象的函数时this指向另一个对象。这跟call()函数差不多, 不过它可以让方法链式调用,返回一个新的函数。
这对于回调非常有用,就像下面的代码那样:
function
Drum
(
)
{
this
.noise =‘boom‘;this.duration =1000;this.goBoom =function(){
console.log(this.noise)};}var drum =newDrum();setInterval(drum.goBoom.bind(drum), drum.duration);
这解决了许多面向对象框架中的问题,比如Dojo,特别是对于那些有自己的handler函数的类处理状态维持的问题。 不过我们也可以用bind()来进行函数式编程。
函数工厂
还记得第二章《函数式编程基础》中关于闭包的那节吗?闭包使建立函数工厂这种Javascript编程模式成为可能。 它们使你能够手动绑定函数的参数。
首先我们需要一个为另一个函数绑定参数的函数:
function
bindFirstArg
(func, a){returnfunction(b){returnfunc(a, b);};}
现在我们可以用它来创建更多的泛型函数(generic function):
var powersOfTwo =bindFirstArg(Math.pow,2);
console.log(powersOfTwo(3));// 8
console.log(powersOfTwo(5));// 32
也可以针对于其它参数:
function
bindSecondArg
(func, b){returnfunction(a){returnfunc(a, b);};}var squareOf =bindSecondArg(Math.pow,2);var cubeOf =bindSecondArg(Math.pow,3);
console.log(squareOf(3));// 9
console.log(squareOf(4));// 16
console.log(cubeOf(3));// 27
console.log(cubeOf(4));// 64
在函数式编程中,创建泛型函数的能力十分重要。然而还有更巧妙的方式可以更加一般化地完成这一过程。 bindFirstArg()函数接受两个参数,第一个参数是个函数。如果我们把bindFirstArg本身作为第一个参数的函数传给它自己, 我们就可以创建绑定函数。最好用下面的例子来描述:
var makePowersOf =bindFirstArg(bindFirstArg, Math.pow);var powersOfThree =makePowersOf(3);
console.log(powersOfThree(2));// 9
console.log(powersOfThree(3));// 27
这就是为什么它被叫做函数工厂。
部分应用
注意我们函数工厂的例子里bindFirstArg()和bindSecondArg()函数只能有两个参数。 我们可以写新的不同数量参数的函数,但是这就违背我们一般化的模型了。
我们需要部分应用
与bind()函数等Fuction对象内建的方法不同,我们需要创建自己的函数来实现部分调用和柯里化。 主要有两种方式:
- 作为一个单独的函数,也就是,var partial = function(func){...
- 作为补充,也就是,Function.prototype.partial = function(){...
补充的方式是为原型增加新的函数,这会允许我们在为想要部分应用的函数调用我们的新函数的时候作为它的一个方法。 就像这样:myfunction.partial(arg1, arg2, ...);
左端部分应用
这里Javascript的call()和apply()函数将对我们很有用。我们来看看补充Function对象的方式:
Function.prototype.partialApply =function(){var func =this;
args = Array.prototype.slice.call(arguments);returnfunction(){return func.apply(this, args.concat(
Array.prototype.slice.call(arguments)));};};
如你所见,它的工作方式是对arguments这个特殊的值调用slice。
现在我们通过一个例子看看如何使用它。这次我们不做数学题,来搞点有用的东西。 我们来建立一个把数字转换为16进制的小应用。
function
nums2hex
(
)
{
function
componentToHex
(component){var hex = component.toString(16);// 确保返回的数值是两位数字,比如0c或12if(hex.length ==1){return"0"+ hex;}else{return hex;}}return Array.prototype.map.call(arguments,
componentToHex).join(‘‘);}// 这个函数对多少个数字都有效
console.log(nums2hex());// ‘‘
console.log(nums2hex(100,200));// ‘64c8‘
console.log(nums2hex(100,200,255,0,123));// ‘64c8ff007b‘// 不过我们可以用部分函数来对部分参数进行应用,比如mac地址的OUI// ( OUI,“组织唯一标识符”,即网卡制造商的唯一标识符。)var myOUI =123;var getMacAddress = nums2hex.partialApply(myOUI);
console.log(getMacAddress());// ‘7b‘
console.log(getMacAddress(100,200,2,123,66,0,1));// ‘7b64c8027b420001‘// 我们还可以转换全红基础上的颜色rgb十六进制值var shadesOfRed = nums2hex.partialApply(255);
console.log(shadesOfRed(123,0));// ‘ff7b00‘
console.log(shadesOfRed(100,200));// ‘ff64c8‘
这个例子展示出了我们可以应用部分参数而生成一个新的函数。它是左-右的,意思是我们只能部分应用从左边开始的若干参数。
右端部分应用
为了从右边开始应用参数,我们可以再定义一个补充函数。
Function.prototype.partialApplyRight =function(){var func =this;
args = Array.prototype.slice.call(arguments);returnfunction(){return func.apply(this,[].slice.call(arguments,0).concat(args));};};var shadesOfBlue = nums2hex.partialApplyRight(255);
console.log(shadesOfBlue(123,0));// ‘7b00ff‘
console.log(shadesOfBlue(100,200));// ‘64c8ff‘var someShadesOfGreen = nums2hex.partialApplyRight(255,0);
console.log(shadesOfGreen(123));// ‘7bff00‘
console.log(shadesOfGreen(100));// ‘64ff00‘
部分应用使我们能够创建非常一般化的函数,并从它提取出更多特殊化的函数。 但是这个方法最大的缺点在于参数传入的方式,也就是参数有多少个,是什么样的顺序,这些不太明确。 不明确性在编程中永远不是个好事儿。还有个更好的方式:珂理化。
珂理化(currying)
珂理化是这样一个过程:它把一个具有多个参数的函数转换为一个只有一个参数的函数并返回另一个函数, 这个被返回的函数需要原函数剩余的参数。正式的说法是:一个具有N个参数的函数可以被转换为具有N个函数的函数链, 其中每一个函数只有一个参数。
一个普遍的问题是:部分应用和珂理化有什么区别?实际就是部分应用立刻返回一个值, 而珂理化只返回另一个珂理化的函数来获取下一个参数,本质的区别是珂理化可以更好的控制参数传入的方式。 我们将会看到真的是这样,不过首先我们需要先创建一个呈现珂理化的函数。
这里我们再为Function的原型补充一个珂理化的方法。
Function.prototype.curry =function(numArgs){var func =this;
numArgs = numArgs || func.length;//func.length是调用此方法的函数的形参个数// 递归地获取参数functionsubCurry(prev){returnfunction(arg){var args = prev.concat(arg);if(args.length < numArgs){// 递归情形: 仍需要更多的参数returnsubCurry(args);}else{// 基准情形: 执行函数return func.apply(this, args);}};}returnsubCurry([]);};
Function.prototype.curry =(numArgs)->
func =this
numArgs or= func.length
subCurry =(prev)->(arg)->
args = prev.concat arg
if args.length < numArgs
subCurry args
else
func.apply this, args
subCurry []
numArgs参数让我们可以在被珂理化的函数没有给出确切参数的时候指定参数的个数。
来看看用它来如何处理我们的十六进制应用。我们先写个函数,它会把RGB值转换为适合HTML的16进制字符串。
function
rgb2hex
(r, g, b){// nums2hex is previously defined in this chapterreturn‘#‘+nums2hex(r)+nums2hex(g)+nums2hex(b);}var hexColors = rgb2hex.curry();
console.log(hexColors(11))// 返回一个珂理化的函数
console.log(hexColors(11,12,123))// 返回一个珂理化的函数
console.log(hexColors(11)(12)(123))// 返回 #0b0c7b
console.log(hexColors(210)(12)(0))// 返回 #d20c00
这样使用珂理化不错。但是如果我们相对nums2hex()这个函数进行珂理化就会有点问题,因为这个函数没有指定参数, 你可以传入任意数量的参数。所以我们需要定义参数的个数。我们curry函数的那个可选的参数来设置被珂理化函数的参数个数。
var hexs = nums2hex.curry(2);
console.log(hexs(11)(12));// 返回 0b0c
console.log(hexs(11));// 返回一个函数
console.log(hexs(110)(12)(0));// 不正确
所以珂理化不太适合可变参数的函数,对于这种情况,建议使用部分应用函数。
所有这些不只是利于函数工厂和代码重用,珂理化和部分应用在函数组合中扮演着更重要的角色。
原文:http://www.cnblogs.com/tolg/p/4729696.html
内容总结
以上是互联网集市为您收集整理的JS函数式编程【译】4.1 部分函数应用和珂理化全部内容,希望文章能够帮你解决JS函数式编程【译】4.1 部分函数应用和珂理化所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。