javascript之Partial Application学习


Posted in Javascript onJanuary 10, 2013

这一次来学习一下Partial Application。我们先看一下函数的介绍,在维基上有简单的介绍:
在数学中,一个函数是描述每个输入值对应唯一输出值的这种对应关系,符号为 f(x)。例如,表达式 f(x)=x2表示了一个函数 f,其中每个输入值x都与唯一输出值x2相联系。

因此,如果一个输入值为3,那么它所对应的输出值为9。而g(x,y) = xy有两个参量x和y,以乘积xy为值。上面描述了函数(为方便假设x,y都是int),并且给出了函数的两个例子,先换一种方式来看,f(x)可以表示为:x -> y(x2),即经经过f到x2的映射,写成 int -> int。

接受一个int 返回一个int。再看g(x,y)可以表示为:x -> y -> z(xy)。即x,y经过g的映射到z,写成 int -> int -> int。我们看g(x,y)函数,用javascript来实现一下:

function g(x,y){ 
return x*y; 
}

很完美啊,很接近数学定义。它依次接受两个参数,x与y。并且返回它们两个的乘积。但是当x是个常数,比如x=n(n是一个自然数)。那么g(n,y)=ny。这就变成一个常数与一个变量的乘积,它接受一个参数y返回ny,即y -> z(ny) 的映射,写成 int -> int。因此,我们可以这样来理解上面的工作,g(x,y)是接受一个参数int,并且返回一个函数 int ->int 。这个返回的函数只接受一个int 并且返回一个int。来用javascript表示一下:
var h = g(2);

这里的h表示函数h(y)=2y。这样就有h(5)=10,h(13)=26等。
h(5); 
h(13);

这个技术是把需要多个参数的函数形式转变为接受单个参数的函数链,它通常叫做Curring,这是为了纪念Haskell Curry而起的名字,但他并不是第一个提出的1。但是很遗憾的是javascript并不支持这样的特性。所以要实现这样的特性需要做一些工作,这些工作并不复杂。主要是把参数存储起来,等待调用函数链上的下一个函数时拿出前边参数继续传递给链上的下一个函数,直到最后得到返回值。先看一下下面的代码:
function atarr(a,index){ 
var index=index||0,args = new Array(a.length - index); 
for(var i in a){ 
if(i>=index) args[i-index]=a[i]; 
} 
return args; 
} 
function m(scope,fn){ 
if(arguments.length<3) return fn.call(scope); 
var p = atarr(arguments,2); 
return function(){ 
var args = atarr(arguments); 
return fn.apply(scope,p.concat(args)); 
} 
}

测试代码:
var plus = function(a,b){ 
return a+b; 
}; 
var plus2 = m(null,plus,2); 
console.log(plus2(10)); 
console.log(plus2(0)); 
//结果 
12 
2

这样我们的目标已经实现啦。在上面的atarr函数是将arguments对象中指定位置开始的参数取出并且保存到一个数组中。m函数就是主角,它完成了前面定义的任务,实现了保存函数链上的参数并且返接受余下参数的函数。测试代码中的plus函数原先接受a,b两个参数并返回a与b之和,即 int -> int -> int,而plus2则变成了接受一个参数b与2相加,并返回2与b之和,即 int -> int。

通过上面的一些工作,我们实现了javascript中的Partial Application,在dojo框架中hitch2实现了域绑定和partial。有兴趣可以读一下它的源码,也是非常简单明了的。

Javascript 相关文章推荐
详解new function(){}和function(){}() 区别分析
Mar 22 Javascript
JavaScript 封装Ajax传递的数据代码
Jun 05 Javascript
JavaScript 字符串处理函数使用小结
Dec 02 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
Apr 12 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
angularjs基础教程
Dec 25 Javascript
jquery滚动到顶部底部代码
Apr 20 Javascript
完美实现js选项卡切换效果(二)
Mar 08 Javascript
解决koa2 ctx.render is not a function报错问题
Aug 07 Javascript
在vue项目中优雅的使用SVG的方法实例详解
Dec 03 Javascript
JS Array.from()将伪数组转换成数组的方法示例
Mar 23 Javascript
JavaScript ES6 Class类实现原理详解
May 08 Javascript
javascript之典型高阶函数应用介绍二
Jan 10 #Javascript
javascript之典型高阶函数应用介绍
Jan 10 #Javascript
根据json字符串生成Html的一种方式
Jan 09 #Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
Jan 09 #Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
Jan 09 #Javascript
实现web打印的各种方法介绍及实现代码
Jan 09 #Javascript
js去除重复字符串两种实现方法
Jan 09 #Javascript
You might like
了解Joomla 这款来自国外的php网站管理系统
2010/03/11 PHP
php allow_url_include的应用和解释
2010/04/22 PHP
Codeigniter上传图片出现“You did not select a file to upload”错误解决办法
2014/06/12 PHP
php mailer类调用远程SMTP服务器发送邮件实现方法
2016/03/04 PHP
php版微信公众平台接口参数调试实现判断用户行为的方法
2016/09/23 PHP
Mozilla 表达式 __noSuchMethod__
2009/04/05 Javascript
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
在图片上显示左右箭头类似翻页的代码
2013/03/04 Javascript
jQuery学习心得总结(必看篇)
2016/06/10 Javascript
AngularJS基础 ng-mousemove 指令简单示例
2016/08/02 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
2016/09/05 Javascript
JavaScript递归操作实例浅析
2016/10/31 Javascript
JSON与js对象序列化实例详解
2017/03/16 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
Vuex简单入门
2017/04/19 Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
2017/05/17 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
[02:44]DOTA2英雄基础教程 魅惑魔女
2014/01/07 DOTA
[38:51]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-CDEC
2014/05/22 DOTA
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
python使用pil生成图片验证码的方法
2015/05/08 Python
python计算一个序列的平均值的方法
2015/07/11 Python
Python嵌套式数据结构实例浅析
2019/03/05 Python
Python中使用pypdf2合并、分割、加密pdf文件的代码详解
2019/05/21 Python
django实现用户注册实例讲解
2019/10/30 Python
Python轻量级web框架bottle使用方法解析
2020/06/13 Python
sklearn和keras的数据切分与交叉验证的实例详解
2020/06/19 Python
巧用HTML5给按钮背景设计不同的动画简单实例
2016/08/09 HTML / CSS
网站域名和主机:Domain.com
2019/04/01 全球购物
Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型
2013/10/30 面试题
优秀班集体先进事迹材料
2014/05/28 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
2014年小学班主任工作总结
2014/11/08 职场文书
MySQL创建定时任务
2022/01/22 MySQL
详解Go语言中配置文件使用与日志配置
2022/06/01 Golang