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的划词搜索实现(备忘)
Sep 14 Javascript
javascript中sort() 方法使用详解
Aug 30 Javascript
12个非常实用的JavaScript小技巧【推荐】
May 18 Javascript
JS使用单链表统计英语单词出现次数
Jun 16 Javascript
jQuery模拟select实现下拉菜单功能
Jun 20 Javascript
Angular的模块化(代码分享)
Dec 26 Javascript
JavaScript错误处理操作实例详解
Jan 04 Javascript
vue.js多页面开发环境搭建过程
Apr 24 Javascript
TypeScript 引用资源文件后提示找不到的异常处理技巧
Jul 15 Javascript
React实现轮播效果
Aug 25 Javascript
js实现搜索提示框效果
Sep 05 Javascript
如何vue使用el-table遍历循环表头和表体数据
Apr 26 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
CI框架在CLI下执行占用内存过大问题的解决方法
2014/06/17 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
PHP底层运行机制与工作原理详解
2020/07/31 PHP
对联广告js flash激活
2006/10/19 Javascript
javascript 运算数的求值顺序
2011/08/23 Javascript
js克隆对象、数组的常用方法介绍
2013/09/26 Javascript
html5 canvas js(数字时钟)实例代码
2013/12/23 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
客户端验证用户名和密码的方法详解
2016/06/16 Javascript
vue组件name的作用小结
2018/05/23 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
2019/05/16 Javascript
node.js express捕获全局异常的三种方法实例分析
2019/12/27 Javascript
vue之封装多个组件调用同一接口的案例
2020/08/11 Javascript
Vue中正确使用Element-UI组件的方法实例
2020/10/13 Javascript
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
Python Tkinter GUI编程入门介绍
2015/03/10 Python
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
pandas 将list切分后存入DataFrame中的实例
2018/07/03 Python
tensorflow使用神经网络实现mnist分类
2018/09/08 Python
python numpy之np.random的随机数函数使用介绍
2019/10/06 Python
django实现用户注册实例讲解
2019/10/30 Python
python时间time模块处理大全
2020/10/25 Python
CSS3 对过渡(transition)进行调速以及延时
2020/10/21 HTML / CSS
HTML5的文档结构和新增标签完全解析
2017/04/21 HTML / CSS
英国广泛的照明产品网站:Lights4living
2018/01/28 全球购物
香港草莓网:Strawberrynet香港
2019/05/10 全球购物
英国珠宝网站Argento: PANDORA、Olivia Burton和Nomination等
2020/05/08 全球购物
香港艺人陈冠希创办的潮流品牌:JUICESTORE
2021/03/04 全球购物
学习委员自我鉴定
2014/01/13 职场文书
毕业实习评语
2014/02/10 职场文书
小学生个人先进事迹材料
2014/05/08 职场文书
2015年学校安全工作总结
2015/04/22 职场文书
上下班时间调整通知
2015/04/23 职场文书
中小企业员工手册范本
2015/05/14 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
OpenCV实现反阈值二值化
2021/11/17 Java/Android