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 相关文章推荐
Grunt入门教程(自动任务运行器)
Aug 06 Javascript
js获取图片宽高的方法
Nov 25 Javascript
jquery实现图片上传前本地预览功能
May 10 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
js实现动态创建的元素绑定事件
Jul 19 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
Dec 21 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
Jan 22 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
Vue.js学习笔记之常用模板语法详解
Jul 25 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
vue实现给div绑定keyup的enter事件
Jul 31 Javascript
OpenLayers3实现图层控件功能
Sep 25 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
改造一台复古桌面收音机
2021/03/02 无线电
通过ODBC连接的SQL SERVER实例
2006/10/09 PHP
php中的一些数组排序方法分享
2012/07/20 PHP
PHP中call_user_func_array回调函数的用法示例
2016/11/26 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
jquery 图片 上一张 下一张 链接效果(续篇)
2010/04/20 Javascript
一个通过script自定义属性传递配置参数的方法
2014/09/15 Javascript
浅谈页面装载js及性能分析方法
2014/12/09 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
Node.js静态文件服务器改进版
2016/01/10 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
AngularJS自定义控件实例详解
2016/12/13 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
2017/10/24 Javascript
vue+Vue Router多级侧导航切换路由(页面)的实现代码
2018/12/20 Javascript
webpack4实现不同的导出类型
2019/04/09 Javascript
react MPA 多页配置详解
2019/10/18 Javascript
[49:17]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第三场 1月26日
2021/03/11 DOTA
python使用urlparse分析网址中域名的方法
2015/04/15 Python
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
Python内存管理方式和垃圾回收算法解析
2017/11/11 Python
python opencv摄像头的简单应用
2019/06/06 Python
Python散点图与折线图绘制过程解析
2019/11/30 Python
python将时分秒转换成秒的实例
2019/12/07 Python
Pytorch中膨胀卷积的用法详解
2020/01/07 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
Python修改列表值问题解决方案
2020/03/06 Python
Python 字节流,字符串,十六进制相互转换实例(binascii,bytes)
2020/05/11 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
医学检验专业大学生求职信
2013/11/18 职场文书
HR求职自荐信范文
2014/06/21 职场文书
高三英语教学计划
2015/01/23 职场文书
与死神共舞观后感
2015/06/15 职场文书
会议承办单位欢迎词
2019/07/09 职场文书
springboot读取nacos配置文件
2022/05/20 Java/Android