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 Select下拉列表框进行多选、移除、交换内容的具体实现方法
Aug 13 Javascript
让人蛋疼的JavaScript语法特性
Sep 30 Javascript
jQuery操作Table技巧大汇总
Jan 23 Javascript
js拖拽的原型声明和用法总结
Apr 04 Javascript
JS获取地址栏参数的两种方法(简单实用)
Jun 14 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
Nov 09 Javascript
JS完成画圆圈的小球
Mar 07 Javascript
js判断PC端与移动端跳转
Dec 24 Javascript
详解用vue.js和laravel实现微信授权登陆
Jun 23 Javascript
AngularJS中scope的绑定策略实例分析
Oct 30 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
Node.js API详解之 string_decoder用法实例分析
Apr 29 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获取url字符串截取路径的文件名和扩展名的函数
2010/01/22 PHP
PHP常用开发函数解析之数组篇[未完结]
2012/07/30 PHP
『PHP』PHP截断函数mb_substr()使用介绍
2013/04/22 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
php json_encode值中大括号与花括号区别
2013/09/30 PHP
PHP实现更新中间关联表数据的两种方法
2014/09/01 PHP
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
回车直接实现点击某按钮的效果即触发单击事件
2014/02/27 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
2016/06/30 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
AngularJS2 与 D3.js集成实现自定义可视化的方法
2017/12/01 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
2018/08/16 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
[04:00]黄浦江畔,再会英雄——完美世界DOTA2 TI9应援视频
2019/07/31 DOTA
Python 由字符串函数名得到对应的函数(实例讲解)
2017/08/10 Python
Python判断中文字符串是否相等的实例
2018/07/06 Python
python实现基于信息增益的决策树归纳
2018/12/18 Python
python爬虫刷访问量 2019 7月
2019/08/01 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
2013/01/23 HTML / CSS
全球独特生活方式产品和礼品购物网站:AHAlife
2018/09/18 全球购物
Tomcat中怎么使用log4j输出所有的log
2016/07/07 面试题
编写一个类体现构造,公有,私有方法,静态,私有变量
2013/08/10 面试题
先进事迹报告会感言
2014/01/24 职场文书
市场部规章制度
2014/01/24 职场文书
2014年社会实践活动总结范文
2014/04/29 职场文书
党的群众路线领导班子整改方案
2014/09/27 职场文书
2014年采购工作总结
2014/11/20 职场文书
三年级学生评语大全
2014/12/26 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js