闭包与柯里化
????? 一、柯里化的概念
????? 在計算機科學中,柯里化是把接受多個參數的函數變換成接受一個單一參數(最初函數的第一個參數)的函數,并且返回接受余下的參數且返回結果的新函數的技術。這個技術由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",
????????????????? http://www.html5china.com/js/jsadv/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的刷新均采取這種方式,這樣,代碼的可讀性,可維護性均得到了提高。
?
原文來自 http://www.html5china.com/js/jsadv/20111120_2735.html
轉載于:https://www.cnblogs.com/clc2008/archive/2012/02/07/2341777.html
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
- 上一篇: 分享一个帮助用户全屏阅读的jQuery插
- 下一篇: 给你的站点全面提速——来自Yahoo U