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 相关文章推荐
js 返回时间戳所对应的具体时间
Jul 20 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
Oct 21 Javascript
javascript 手动给表增加数据的小例子
Jul 10 Javascript
为什么JS中eval处理JSON数据要加括号
Apr 13 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
Aug 01 Javascript
浅谈JS使用[ ]来访问对象属性
Sep 21 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
Dec 07 Javascript
浅析Vue 生命周期
Jun 21 Javascript
详解node.js的http模块实例演示
Jul 12 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
更强大的vue ssr实现预取数据的方式
Jul 19 Javascript
js判断鼠标移入移出方向的方法
Jun 24 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超级全局变量
2010/01/26 PHP
来自phpguru得Php Cache类源码
2010/04/15 PHP
php的memcache类分享(memcache队列)
2014/03/26 PHP
9个经典的PHP代码片段分享
2014/12/18 PHP
Laravel框架实现的rbac权限管理操作示例
2019/01/16 PHP
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
2013/07/03 Javascript
用JS将搜索的关键字高亮显示实现代码
2013/11/08 Javascript
jquery+ajax验证不通过也提交表单问题处理
2014/12/12 Javascript
原生js和jquery实现图片轮播特效
2015/04/23 Javascript
js实现微信分享代码
2020/10/11 Javascript
详解javascript传统方法实现异步校验
2016/01/22 Javascript
JS动态给对象添加事件的简单方法
2016/07/19 Javascript
bootstrap datetimepicker日期插件使用方法
2017/01/13 Javascript
利用js判断手机是否安装某个app的多种方案
2017/02/13 Javascript
node跨域请求方法小结
2017/08/25 Javascript
JS一个简单的注册页面实例
2017/09/05 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
2017/09/07 Javascript
Vue表单控件绑定图文详解
2019/02/11 Javascript
Python创建文件和追加文件内容实例
2014/10/21 Python
Python中用sleep()方法操作时间的教程
2015/05/22 Python
python计算圆周率pi的方法
2015/07/11 Python
Python实现生成随机数据插入mysql数据库的方法
2017/12/25 Python
Django读取Mysql数据并显示在前端的实例
2018/05/27 Python
使用css3匹配手机屏幕横竖状态
2014/01/27 HTML / CSS
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
使用CSS3来绘制一个月食图案
2015/07/18 HTML / CSS
酒店执行总经理岗位职责
2013/12/15 职场文书
仓库理货员岗位职责
2013/12/18 职场文书
新郎婚宴答谢词
2014/01/19 职场文书
道德模范先进事迹
2014/02/14 职场文书
安全协议书范本
2014/04/21 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
销售助理岗位职责
2015/02/11 职场文书
教师信息技术学习心得体会
2016/01/21 职场文书
浅谈什么是SpringBoot异常处理自动配置的原理
2021/06/21 Java/Android
Python帮你解决手机qq微信内存占用太多问题
2022/02/15 Python