javascript闭包与函数柯里化浅析

javascript闭包与函数柯里化浅析

ID:28445821

大小:74.89 KB

页数:5页

时间:2018-12-10

javascript闭包与函数柯里化浅析_第1页
javascript闭包与函数柯里化浅析_第2页
javascript闭包与函数柯里化浅析_第3页
javascript闭包与函数柯里化浅析_第4页
javascript闭包与函数柯里化浅析_第5页
资源描述:

《javascript闭包与函数柯里化浅析》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

1、Javascript闭包与函数柯里化浅析这篇文章主要介绍Javascript闭包与柯里化,通俗易懂,需要的朋友可以参考下。闭包和柯里化都是JavaScript经常用到而且比较高级的技巧,所有的函数式编程语言都支持这两个概念,因此,我们想要充分发挥出JavaScript中的函数式编程特征,就需要深入的了解这两个概念,闭包事实上更是柯里化所不可缺少的基础。一、柯里化的概念在计算机科学中,柯里化是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。这个技术由ChristopherStrachey以逻辑学家HaskellCurry

2、命名的,尽管它是MosesSchnfinke1和GottlobFrege发明的。在直觉上,柯里化声称“如果你固定某些参数,你将得到接受余下参数的一个函数”。所以对于有两个变量的函数yx,如果固定了y=2,则得到有一个变量的函数2x。柯里化就是预先将函数的某些参数传入,得到一个简单的函数。但是预先传入的参数被保存在闭包中,因此会有一些奇特的特性。比如:varadder=function(num){nbsp:returnfunction(y){nbsp;nbsp:nbsp;returnnum+y;nbsp;}varinc^adder(1);vardec=adder(-1)这里的inc/dec两个

3、变量事实上是两个新的函数,可以通过括号来调用,比如下例中的用法://inc,dec现在是两个新的函数,作用是将传入的参数值(+/—)1print(inc(99));//100print(dec(101));//100print(adder(100)(2));//102print(adder(2)(100));//102二、柯里化的应用根据柯里化的特性,我们可以写出更有意思的代码,比如在前端开发中经常会遇到这样的情况,当请求从服务端返回后,我们需要更新一些特定的页面元素,也就是局部刷新的概念。使用局部刷新非常简单,但是代码很容易写成一团乱麻。而如果使用柯里化,则可以很大程度上美化我们的代码,使

4、之更容易维护。我们来看一个例子://update会返回一个函数,这个函数可以设置id属性为item的web元素的内容functionupdate(item){nbsp;returnfunction(text){nbsp;nbsp;nbsp;$(〃div#〃+item)•html(text);nbsp;}}//Ajax请求,当成功是调用参数callbackfunctionrefresh(url,callback){nbsp;varparams={nbsp;nbsp:nbsp;type:〃echo〃,nbsp;nbsp;nbsp;data:〃〃nbsp;}:nbsp;$.ajax({nbsp;n

5、bsp;nbsp;type:"post'nbsp;nbsp:nbsp;url:url,nbsp;nbsp;nbsp;cache:false,nbsp;nbsp;nbsp;async:true,nbsp:nbsp:nbsp:dataType:z/json〃,nbsp:nbsp;nbsp;data:params,nbsp;nbsp;nbsp;//当异步请求成功时调用nbsp;nbsp;nbsp;success:function(data,status){nbsp;nbsp:nbsp;nbsp;callback(data);nbsp;nbsp;nbsp;},nbsp;nbsp;nbsp;//当请求

6、出现错误时调用nbsp;nbsp;nbsp:error:function(err){nbsp;nbsp;nbsp;nbsp;alert("error:"+err);nbsp;nbsp;nbsp:}nbsp;}):refresh(〃action.do?target=news〃,叩date(〃newsPanel〃));refresh(〃action.do?target=articles〃,update(〃articlePanel〃));refresh("action.do?target=pictures〃,update(〃picturePanel〃));其中,update函数即为柯里化的一个实例

7、,它会返回一个函数,即:update(〃newsPanel〃)=function(text){nbsp;$(〃div#newsPanel〃)•html(text);}由于update(“newsPanel”)的返回值为一个函数,需要的参数为一个字符串,因此在refresh的Ajax调用中当success时,会给callback传入服务器端返回的数据信息,从而实现newsPanel面板的刷新,其他的文章面板ar

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。