這篇文章主要介紹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現在是兩個新的函數，作用是將傳入的參數值(+/-)1

print(inc(99));//100

print(dec(101));//100

print(adder(100)(2));//102

print(adder(2)(100));//102

二、柯里化的應用

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

//update會返回一個函數，這個函數可以設置id屬性為item的web元素的內容

function update(item){

  return function(text){

     $("div#"+item).html(text);

  }

}

//Ajax請求，當成功是調用參數callback

function refresh(url, callback){

  var params = {

     type : "echo",

     data : ""

  };

  $.ajax({

     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("action.do?target=news", update("newsPanel"));

refresh("action.do?target=articles", update("articlePanel"));

refresh("action.do?target=pictures", update("picturePanel"));

其中，update函數即為柯里化的一個實例，它會返回一個函數，即：

update("newsPanel") = function(text){

  $("div#newsPanel").html(text);

}

由于update(“newsPanel”)的返回值為一個函數，需要的參數為一個字符串，因此在refresh的Ajax調用中，當success時，會給callback傳入服務器端返回的數據信息，從而實現newsPanel面板的刷新，其他的文章面板articlePanel,圖片面板picturePanel的刷新均采取這種方式，這樣，代碼的可讀性，可維護性均得到了提高。

以上就是本文的全部內容