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 相关文章推荐
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
基于jquery实现的类似百度搜索的输入框自动完成功能
Aug 23 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
Nov 04 Javascript
再谈Jquery Ajax方法传递到action(补充)
May 12 Javascript
javascript实现根据身份证号读取相关信息
Dec 17 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
Aug 21 Javascript
JavaScript编写简单的计算器
Nov 25 Javascript
基于BootStrap环境写jQuery tabs插件
Jul 12 Javascript
jQuery弹出层插件popShow用法示例
Jan 23 Javascript
ant design pro中可控的筛选和排序实例
Nov 17 Javascript
Vue实现todo应用的示例
Feb 20 Vue.js
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
PHP利用APC模块实现文件上传进度条的方法
2015/01/26 PHP
php里array_work用法实例分析
2015/07/13 PHP
php数组分页实现方法
2016/04/30 PHP
jquery下为Event handler传递动态参数的代码
2011/01/06 Javascript
js查错流程归纳
2012/05/04 Javascript
js 得到文件后缀(通过正则实现)
2013/07/08 Javascript
JavaScript中的时间处理小结
2016/02/24 Javascript
Javascript小技能总结(推荐)
2016/06/02 Javascript
require、backbone等重构手机图片查看器
2016/11/17 Javascript
JS构造一个html文本内容成文件流形式发送到后台
2018/07/31 Javascript
解析vue、angular深度作用选择器
2019/09/11 Javascript
Openlayers3实现车辆轨迹回放功能
2020/09/29 Javascript
解决antd的Form组件setFieldsValue的警告问题
2020/10/29 Javascript
python实现根据主机名字获得所有ip地址的方法
2015/06/28 Python
Python中操作符重载用法分析
2016/04/29 Python
python字典操作实例详解
2017/11/16 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
python ---lambda匿名函数介绍
2019/03/13 Python
pytorch中交叉熵损失(nn.CrossEntropyLoss())的计算过程详解
2020/01/02 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
python list的index()和find()的实现
2020/11/16 Python
python模块内置属性概念及实例
2021/02/18 Python
numpy实现RNN原理实现
2021/03/02 Python
HTML5不支持标签和新增标签详解
2016/06/27 HTML / CSS
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
德尔福集团DELPHI的笔试题
2012/02/22 面试题
高分子材料与工程专业推荐信
2013/12/01 职场文书
应届毕业生通用的自荐书范文
2014/02/07 职场文书
银行职员个人的工作自我评价
2014/02/15 职场文书
学校运动会霸气口号
2014/06/07 职场文书
2014年秋季开学典礼致辞
2014/08/02 职场文书
技术股东合作协议书
2014/12/02 职场文书
社区党风廉政建设调研报告
2015/01/01 职场文书
三方合作意向书范本
2015/05/09 职场文书
2015年秋季开学典礼校长致辞
2015/07/16 职场文书
教你漂亮打印Pandas DataFrames和Series
2021/05/29 Python