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 相关文章推荐
javascript div 遮罩层封锁整个页面
Jul 10 Javascript
jquery之empty()与remove()区别说明
Sep 10 Javascript
非html5实现js版弹球游戏示例代码
Sep 22 Javascript
ext前台接收action传过来的json数据示例
Jun 17 Javascript
javascript事件处理模型实例说明
May 31 Javascript
微信小程序对接七牛云存储的方法
Jul 30 Javascript
微信小程序使用二次贝塞尔曲线画波浪
Dec 25 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
基于layui table返回的值的多级嵌套的解决方法
Sep 19 Javascript
微信小程序返回上一页传参并刷新过程解析
Dec 13 Javascript
Vue按时间段查询数据组件使用详解
Aug 21 Javascript
详解datagrid使用方法(重要)
Nov 06 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
用php写的serv-u的web申请账号的程序
2006/10/09 PHP
PHP中函数内引用全局变量的方法
2008/10/20 PHP
php 利用socket发送HTTP请求(GET,POST)
2015/08/24 PHP
PHP经典算法集锦【经典收藏】
2016/09/14 PHP
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
2010/04/20 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
2013/12/13 Javascript
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
js淡入淡出焦点图幻灯片效果代码分享
2015/09/08 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
判断js的Array和Object的实现方法
2016/08/29 Javascript
如何利用JQuery实现从底部回到顶部的功能
2016/12/27 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
vue watch自动检测数据变化实时渲染的方法
2018/01/16 Javascript
vue中element-ui表格缩略图悬浮放大功能的实例代码
2018/06/26 Javascript
js时间转换毫秒的实例代码
2019/08/21 Javascript
Vue中使用better-scroll实现轮播图组件
2020/03/07 Javascript
JS实现简易留言板(节点操作)
2020/03/16 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
Python读取Json字典写入Excel表格的方法
2018/01/03 Python
python使用递归的方式建立二叉树
2019/07/03 Python
如何运行带参数的python脚本
2019/11/15 Python
wxpython多线程防假死与线程间传递消息实例详解
2019/12/13 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
Python 判断时间是否在时间区间内的实例
2020/05/16 Python
美国汽车轮胎和轮毂销售网站:Tire Rack
2018/01/11 全球购物
办公室前台岗位职责范本
2013/12/10 职场文书
大学生活动总结怎么写
2014/04/29 职场文书
个人授权委托书范文
2014/09/21 职场文书
2016高考寄语集锦
2015/12/04 职场文书
汉语拼音教学反思
2016/02/22 职场文书