javascript之Partial Application学习

 更新时间:2013年01月10日 09:05:50   作者:  
在数学中,一个函数是描述每个输入值对应唯一输出值的这种对应关系,符号为 f(x)。例如,表达式 f(x)=x2表示了一个函数 f,其中每个输入值x都与唯一输出值x2相联系
这一次来学习一下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。有兴趣可以读一下它的源码,也是非常简单明了的。
您可能感兴趣的文章:

相关文章

  • bootstrap table复杂操作代码

    bootstrap table复杂操作代码

    这篇文章主要为大家详细介绍了bootstrap table复杂操作代码,生成外层表格,填充表格内容,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 标题过长使用javascript按字节截取字符串

    标题过长使用javascript按字节截取字符串

    在网页展示中经常会碰到,标题过长,需要截取字符串,用CSS的实现的话各种兼容问题,下面为大家介绍下javascript如何按字节截取字符串
    2014-04-04
  • javascript 作用于作用域链的详解

    javascript 作用于作用域链的详解

    这篇文章主要介绍了javascript 作用于作用域链的详解的相关资料,希望通过本文能帮助到大家,理解掌握这部分内容,需要的朋友可以参考下
    2017-09-09
  • 使用JavaScript计算前一天和后一天的思路详解

    使用JavaScript计算前一天和后一天的思路详解

    这篇文章主要介绍了使用JavaScript计算前一天和后一天的思路,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • JS中的phototype详解

    JS中的phototype详解

    本文主要介绍了JS中phototype的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 微信小程序实现复选框效果

    微信小程序实现复选框效果

    这篇文章主要为大家详细介绍了微信小程序实现复选框效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • js对象实现数据分页效果

    js对象实现数据分页效果

    这篇文章主要为大家详细介绍了js对象实现数据分页效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • ionic组件ion-tabs选项卡切换效果实例

    ionic组件ion-tabs选项卡切换效果实例

    这篇文章主要为大家详细介绍了ionic组件ion-tabs选项卡切换效果实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • requireJS模块化实现返回顶部功能的方法详解

    requireJS模块化实现返回顶部功能的方法详解

    这篇文章主要介绍了requireJS模块化实现返回顶部功能的方法,结合实例形式详细分析了requireJS的使用步骤及返回顶部功能的相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • js判断url是否有效的两种方法

    js判断url是否有效的两种方法

    本篇文章主要是对js判断url是否有效的两种方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03

最新评论