闭包与柯里化

简介:

闭包和柯里化都是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 : ""             };("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的刷新均采取这种方式,这样,代码的可读性,可维护性均得到了提高。


本文转自艾伦 Aaron博客园博客,原文链接:http://www.cnblogs.com/aaronjs/archive/2012/06/30/2570795.html,如需转载请自行联系原作者
相关文章
|
6月前
|
JavaScript 前端开发
对闭包的理解以及使用
对闭包的理解以及使用
21 1
|
8月前
|
存储 缓存 前端开发
详解 Reat 中的闭包问题
JavaScript 中的闭包一定是最可怕的特性之一。 即使是无所不知的 ChatGPT 也会告诉你这一点。 它也可能是最隐秘的语言概念之一。 每次编写任何 React 代码时,我们都会用到它,大多数时候我们甚至没有意识到。 但最终还是无法摆脱它们:如果我们想编写复杂且高性能的 React 应用程序,我们就必须了解闭包。
77 0
详解 Reat 中的闭包问题
|
10月前
|
存储 JavaScript 前端开发
柯里化
柯里化
54 0
|
前端开发
闭包
前端面试
闭包的使用
闭包的使用
52 0
|
自然语言处理 JavaScript
你真的懂闭包么?
前言 本文主要总结一下 到目前为止对闭包的理解. 好几年之前学习闭包的时候模模糊糊,看了网上的一些帖子,理解为:函数内部可以使用函数外部的变量,后面看了你所不知道的JS,以为自己懂了,后面面试的时候又感觉自己不懂了,而今感觉自己真正懂了==,特此记录一下。
104 0
|
PHP 开发者
匿名函数闭包|学习笔记
快速学习匿名函数闭包
89 0
匿名函数闭包|学习笔记