- 相關推薦
JavaScript中的函數(shù)式編程
閉包和柯里化都是JavaScript經(jīng)常用到而且比較高級的技巧，所有的函數(shù)式編程語言都支持這兩個概念，因此，我們想要充分發(fā)揮出JavaScript中的函數(shù)式編程特征，就需要深入的了解這兩個概念，閉包事實上更是柯里化所不可缺少的基礎。
一、柯里化的概念
在計算機科學中，柯里化是把接受多個參數(shù)的函數(shù)變換成接受一個單一參數(shù)(最初函數(shù)的第一個參數(shù))的函數(shù)，并且返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)的技術。這個技術由Christopher Strachey以邏輯學家 Haskell Curry 命名的，盡管它是 Moses Schnfinkel 和 Gottlob Frege 發(fā)明的。在直覺上，柯里化聲稱“如果你固定某些參數(shù)，你將得到接受余下參數(shù)的一個函數(shù)”。所以對于有兩個變量的函數(shù)yx，如果固定了y = 2，則得到有一個變量的函數(shù)2x。
柯里化就是預先將函數(shù)的某些參數(shù)傳入，得到一個簡單的函數(shù)。但是預先傳入的參數(shù)被保存在閉包中，因此會有一些奇特的特性。比如：
var adder = function(num){ return function(y){ return num + y; }}var inc = adder(1);var dec = adder(-1)
這里的inc/dec兩個變量事實上是兩個新的函數(shù)，可以通過括號來調(diào)用，比如下例中的用法：
//inc, dec現(xiàn)在是兩個新的函數(shù)，作用是將傳入的參數(shù)值(+/-)1print(inc(99));//100print(dec(101));//100print(adder(100)(2));//102print(adder(2)(100));//102
二、柯里化的應用
根據(jù)柯里化的特性，我們可以寫出更有意思的代碼，比如在前端開發(fā)中經(jīng)常會遇到這樣的情況，當請求從服務端返回后，我們需要更新一些特定的頁面元素，也就是局部刷新的概念。使用局部刷新非常簡單，但是代碼很容易寫成一團亂麻。而如果使用柯里化，則可以很大程度上美化我們的代碼，使之更容易維護。我們來看一個例子：
//update會返回一個函數(shù)，這個函數(shù)可以設置id屬性為item的web元素的內(nèi)容function update(item){ return function(text){ $("div#"+item).html(text); }}//Ajax請求，當成功是調(diào)用參數(shù)callbackfunction refresh(url, callback){ var params = { type : "echo", data : "" }; $.ajax({ type:"post", url:url, cache:false, async:true, dataType:"json", data:params, //當異步請求成功時調(diào)用 success: function(data, status){ callback(data); }, //當請求出現(xiàn)錯誤時調(diào)用 error: function(err){ alert("error : "+err); } });}refresh("action.do", update("newsPanel"));refresh("action.do", update("articlePanel"));refresh("action.do", update("picturePanel"));其中，update函數(shù)即為柯里化的一個實例，它會返回一個函數(shù)，即：update("newsPanel") = function(text){ $("div#newsPanel").html(text);}
由于update(“newsPanel”)的返回值為一個函數(shù)，需要的參數(shù)為一個字符串，因此在refresh的Ajax調(diào)用中，當success時，會給callback傳入服務器端返回的數(shù)據(jù)信息，從而實現(xiàn)newsPanel面板的刷新，其他的文章面板articlePanel,圖片面板picturePanel的刷新均采取這種方式，這樣，代碼的可讀性，可維護性均得到了提高。
以上就是本文的全部內(nèi)容，了解更多JavaScript的語法，大家可以查看：《JavaScript 參考教程》、《JavaScript代碼風格指南》，也希望大家多多支持。
【JavaScript中的函數(shù)式編程】相關文章：
Excel中if函數(shù)使用的方法06-16
2016年嵌入式QT編程小技巧07-16
Excel中COUNTIF函數(shù)的使用方法01-23
javascript跨域訪問的方法07-19
Excel中公式與函數(shù)的應用教案設計參考06-14
excel函數(shù)07-30
數(shù)控編程代碼大全02-13