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技术-屏蔽类
Aug 15 Javascript
JavaScript Undefined,Null类型和NaN值区别
Oct 22 Javascript
JS对URL字符串进行编码/解码分析
Oct 25 Javascript
JQuery文本框高亮显示插件代码
Apr 02 Javascript
JavaScript动态创建link标签到head里的方法
Dec 22 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
Nov 16 Javascript
javascript添加前置0(补零)的几种方法
Jan 05 Javascript
vuejs事件中心管理组件间的通信详解
Aug 09 Javascript
深入理解ES6 Promise 扩展always方法
Sep 26 Javascript
详解vue-cli项目中的proxyTable跨域问题小结
Feb 09 Javascript
微信小程序 生成携带参数的二维码
Oct 23 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/05 PHP
windows下PHP_intl.dll正确配置方法(apache2.2+php5.3.5)
2014/01/14 PHP
微信公众平台开发之天气预报功能
2015/08/31 PHP
PHP的时间戳与具体时间转化的简单实现
2016/06/13 PHP
magento后台无法登录解决办法的两种方法
2016/12/09 PHP
js鼠标左右键 键盘值小结
2010/06/11 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
2012/05/23 Javascript
JS 实现Json查询的方法实例
2013/04/12 Javascript
使用jQuery设置disabled属性与移除disabled属性
2014/08/21 Javascript
js实现图片从左往右渐变切换效果的方法
2015/02/06 Javascript
基于jquery实现瀑布流布局
2020/06/28 Javascript
谈谈JavaScript类型系统之Math
2016/01/06 Javascript
jQuery动画效果实现图片无缝连续滚动
2016/01/12 Javascript
AngularJS入门教程之过滤器用法示例
2016/11/02 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
vue.js 初体验之Chrome 插件开发实录
2017/05/13 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
vue登录注册及token验证实现代码
2017/12/14 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
vue.js做一个简单的编辑菜谱功能
2018/05/08 Javascript
GOJS+VUE实现流程图效果
2018/12/01 Javascript
微信小程序分享海报生成的实现方法
2018/12/10 Javascript
微信小程序实现bindtap等事件传参
2019/04/08 Javascript
vue项目中常见问题及解决方案(推荐)
2019/10/21 Javascript
微信小程序点击顶部导航栏切换样式代码实例
2019/11/12 Javascript
JS实现放烟花效果
2020/03/10 Javascript
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
简单谈谈Python中函数的可变参数
2016/09/02 Python
Python Paramiko模块的安装与使用详解
2016/11/18 Python
django利用request id便于定位及给日志加上request_id
2018/08/26 Python
Python如何实现强制数据类型转换
2019/11/22 Python
美国礼品卡商城: Gift Card Mall
2017/08/25 全球购物
平安建设实施方案
2014/03/19 职场文书
趣味运动会广播稿
2014/09/13 职场文书
《飘》英文读后感五篇
2019/10/11 职场文书
动画「半妖的夜叉姬」新BD特典图公开
2022/03/22 日漫