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 loadScript异步加载脚本示例讲解
Nov 14 Javascript
jQuery老黄历完整实现方法
Jan 16 Javascript
js实现点击左右按钮轮播图片效果实例
Jan 29 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
JavaScript设计模式学习之“类式继承”
Mar 12 Javascript
基于Vue过渡状态实例讲解
Sep 14 Javascript
利用Javascript实现一套自定义事件机制
Dec 14 Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 Javascript
JavaScript实现更换背景图片
Oct 18 Javascript
深入理解Vue的数据响应式
May 15 Vue.js
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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
我的论坛源代码(九)
2006/10/09 PHP
一些 PHP 管理系统程序中的后门
2009/08/05 PHP
PHP 远程文件管理,可以给表格排序,遍历目录,时间排序
2009/08/07 PHP
php 魔术方法使用说明
2009/10/20 PHP
PHP ignore_user_abort函数详细介绍和使用实例
2014/07/15 PHP
PHP的PDO常用类库实例分析
2016/04/07 PHP
利用PHPExcel实现Excel文件的写入和读取
2017/04/26 PHP
PHP7.3.10编译安装教程
2019/10/08 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
理解 JavaScript 预解析
2009/10/25 Javascript
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
2015/09/05 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
Java  Spring 事务回滚详解
2016/10/17 Javascript
javascript实现无法关闭的弹框
2016/11/27 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
Angular2入门--架构总览
2017/03/29 Javascript
JS库之Three.js 简易入门教程(详解之一)
2017/09/13 Javascript
浅谈Vue响应式(数组变异方法)
2018/05/07 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
2018/09/01 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
2019/10/10 Javascript
微信小程序页面间传递数组对象方法解析
2019/11/06 Javascript
react 生命周期实例分析
2020/05/18 Javascript
vue实现的多页面项目如何优化打包的步骤详解
2020/07/19 Javascript
python自动化测试无法启动谷歌浏览器问题
2019/10/10 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
医药代表个人求职信范本
2013/12/19 职场文书
出纳试用期自我评价
2015/03/10 职场文书
撤诉申请书法院范本
2015/05/18 职场文书
2015年国庆节广播稿
2015/08/19 职场文书
手把手教你制定暑期学习计划,让你度过充实的暑假
2019/08/22 职场文书