柯里化概念与应用

Myth丶恋晨 2024-02-17 14:21 54阅读 0赞

//柯里化实现页面局部刷新2014/3/8
    	 //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"));

这是一个柯里化的例子，实现了页面的局部刷新。

闭包和柯里化都是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

转自： [http://www.html5china.com/js/jsadv/20111120\_2735.html][http_www.html5china.com_js_jsadv_20111120_2735.html]

[http_www.html5china.com_js_jsadv_20111120_2735.html]: http://www.html5china.com/js/jsadv/20111120_2735.html