資源描述：
《javascript閉包與函數(shù)柯里化淺析》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫(kù)。
1、Javascript閉包與函數(shù)柯里化淺析這篇文章主要介紹Javascript閉包與柯里化，通俗易懂，需要的朋友可以參考下。閉包和柯里化都是JavaScript經(jīng)常用到而且比較高級(jí)的技巧，所有的函數(shù)式編程語(yǔ)言都支持這兩個(gè)概念，因此，我們想要充分發(fā)揮出JavaScript中的函數(shù)式編程特征，就需要深入的了解這兩個(gè)概念，閉包事實(shí)上更是柯里化所不可缺少的基礎(chǔ)。一、柯里化的概念在計(jì)算機(jī)科學(xué)中，柯里化是把接受多個(gè)參數(shù)的函數(shù)變換成接受一個(gè)單一參數(shù)（最初函數(shù)的第一個(gè)參數(shù)）的函數(shù)，并且返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)的技術(shù)。這個(gè)技術(shù)由ChristopherStrachey以邏輯學(xué)家HaskellCurry
2、命名的，盡管它是MosesSchnfinke1和GottlobFrege發(fā)明的。在直覺上，柯里化聲稱“如果你固定某些參數(shù)，你將得到接受余下參數(shù)的一個(gè)函數(shù)”。所以對(duì)于有兩個(gè)變量的函數(shù)yx，如果固定了y=2,則得到有一個(gè)變量的函數(shù)2x?？吕锘褪穷A(yù)先將函數(shù)的某些參數(shù)傳入，得到一個(gè)簡(jiǎn)單的函數(shù)。但是預(yù)先傳入的參數(shù)被保存在閉包中，因此會(huì)有一些奇特的特性。比如：varadder=function(num){nbsp:returnfunction(y){nbsp;nbsp:nbsp;returnnum+y;nbsp;}varinc^adder(1);vardec=adder(-1)這里的inc/dec兩個(gè)
3、變量事實(shí)上是兩個(gè)新的函數(shù)，可以通過(guò)括號(hào)來(lái)調(diào)用，比如下例中的用法：//inc,dec現(xiàn)在是兩個(gè)新的函數(shù)，作用是將傳入的參數(shù)值(+/—)1print(inc(99));//100print(dec(101));//100print(adder(100)(2));//102print(adder(2)(100));//102二、柯里化的應(yīng)用根據(jù)柯里化的特性，我們可以寫出更有意思的代碼，比如在前端開發(fā)中經(jīng)常會(huì)遇到這樣的情況，當(dāng)請(qǐng)求從服務(wù)端返回后，我們需要更新一些特定的頁(yè)面元素，也就是局部刷新的概念。使用局部刷新非常簡(jiǎn)單，但是代碼很容易寫成一團(tuán)亂麻。而如果使用柯里化，則可以很大程度上美化我們的代碼，使
4、之更容易維護(hù)。我們來(lái)看一個(gè)例子：//update會(huì)返回一個(gè)函數(shù)，這個(gè)函數(shù)可以設(shè)置id屬性為item的web元素的內(nèi)容functionupdate(item){nbsp;returnfunction(text){nbsp;nbsp;nbsp;$(〃div#〃+item)?html(text);nbsp;}}//Ajax請(qǐng)求，當(dāng)成功是調(diào)用參數(shù)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;//當(dāng)異步請(qǐng)求成功時(shí)調(diào)用nbsp;nbsp;nbsp;success:function(data,status){nbsp;nbsp:nbsp;nbsp;callback(data);nbsp;nbsp;nbsp;}，nbsp;nbsp;nbsp;//當(dāng)請(qǐng)求
6、出現(xiàn)錯(cuò)誤時(shí)調(diào)用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函數(shù)即為柯里化的一個(gè)實(shí)例
7、，它會(huì)返回一個(gè)函數(shù)，即：update（〃newsPanel〃）=function（text）{nbsp;$（〃div#newsPanel〃）?html（text）;}由于update(“newsPanel”)的返回值為一個(gè)函數(shù)，需要的參數(shù)為一個(gè)字符串，因此在refresh的Ajax調(diào)用中當(dāng)success時(shí)，會(huì)給callback傳入服務(wù)器端返回的數(shù)據(jù)信息，從而實(shí)現(xiàn)newsPanel面板的刷新，其他的文章面板ar
