當前位置:才華齋>設計>網頁設計>

JavaScript中的函數語言程式設計

網頁設計 閱讀(2.51W)

閉包和柯里化都是JavaScript經常用到而且比較高階的技巧,所有的函數語言程式設計語言都支援這兩個概念,因此,我們想要充分發揮出JavaScript中的函數語言程式設計特徵,就需要深入的瞭解這兩個概念,閉包事實上更是柯里化所不可缺少的基礎。

JavaScript中的函數語言程式設計

一、柯里化的概念

計算機科學中,柯里化是把接受多個引數的函式變換成接受一個單一引數(最初函式的第一個引數)的函式,並且返回接受餘下的引數且返回結果的新函式的技術。這個技術由Christopher Strachey以邏輯學家 Haskell Curry 命名的,儘管它是 Moses Schnfinkel 和 Gottlob Frege 發明的。在直覺上,柯里化聲稱“如果你固定某些引數,你將得到接受餘下引數的一個函式”。所以對於有兩個變數的函式yx,如果固定了y = 2,則得到有一個變數的函式2x。

柯里化就是預先將函式的某些引數傳入,得到一個簡單的函式。但是預先傳入的引數被儲存在閉包中,因此會有一些奇特的特性。比如:

var adder = function(num){ return function(y){ return num + y; }}var inc = adder(1);var dec = adder(-1)

這裡的inc/dec兩個變數事實上是兩個新的函式,可以通過括號來呼叫,比如下例中的用法:

//inc, dec現在是兩個新的函式,作用是將傳入的引數值(+/-)1print(inc(99));//100print(dec(101));//100print(adder(100)(2));//102print(adder(2)(100));//102

二、柯里化的應用

根據柯里化的特性,我們可以寫出更有意思的程式碼,比如在前端開發中經常會遇到這樣的情況,當請求從服務端返回後,我們需要更新一些特定的頁面元素,也就是區域性重新整理的概念。使用區域性重新整理非常簡單,但是程式碼很容易寫成一團亂麻。而如果使用柯里化,則可以很大程度上美化我們的.程式碼,使之更容易維護。我們來看一個例子:

//update會返回一個函式,這個函式可以設定id屬性為item的web元素的內容function update(item){ return function(text){ $("div#"+item)(text); }}//Ajax請求,當成功是呼叫引數callbackfunction refresh(url, callback){ var params = { type : "echo", data : "" }; $({ type:"post", url:url, cache:false, async:true, dataType:"json", data:params, //當非同步請求成功時呼叫 success: function(data, status){ callback(data); }, //當請求出現錯誤時呼叫 error: function(err){ alert("error : "+err); } });}refresh("", update("newsPanel"));refresh("", update("articlePanel"));refresh("", update("picturePanel"));其中,update函式即為柯里化的一個例項,它會返回一個函式,即:update("newsPanel") = function(text){ $("div#newsPanel")(text);}

由於update(“newsPanel”)的返回值為一個函式,需要的引數為一個字串,因此在refresh的Ajax呼叫中,當success時,會給callback傳入伺服器端返回的資料資訊,從而實現newsPanel面板的重新整理,其他的文章面板articlePanel,圖片面板picturePanel的重新整理均採取這種方式,這樣,程式碼的可讀性,可維護性均得到了提高。

以上就是本文的全部內容,瞭解更多JavaScript的語法,大家可以檢視:《JavaScript 參考教程》、《JavaScript程式碼風格指南》,也希望大家多多支援。