Javascript闭包函数快速上手

闭包函数是什么?在开始学习的闭包的时候,你们很能都比较难理解.就从他的官方解释来讲,都是比较概念化的.

不过咱们也仍是从闭包的含义出发.

闭包是指函数有自由独立的变量。换句话说，定义在闭包中的函数能够“记忆”它建立时候的环境。

官方解释说完后,咱们先来看一个简单计数的例子.

var c = 0;
function count(){
c++;
}
count();// 1
count();// 2

这个例子是利用了全局变量来实现,可是这里有个问题是,c这个变量也容易被其余方式所调用,这时候就可能会改变 c 的存储值.形成这个count计数的失效.那怎么很好的处理这个问题呢!咱们会想到的是使用局部变量的方式来处理.好比:

function count(){
  var c = 0;
  function add(){
    c++;
  }
  add();
}
count();// c = 1
count();// c = 1

由于这样建立以后,内部变量只存在于count函数建立执行的时候,执行完以后,整个函数就会被丢弃掉.就没法达到有记忆的能力.那要怎么来实现呢?那咱们就用闭包来解决.我要从新提一次:闭包 = 函数 + 环境

function count(){
   var c = 0;
   function add(){
      c++;
   }
   return add;
}
var ct = count();
ct(); // c = 1
ct(); // c = 2

这个时候咱们就能够经过这个闭包来完成计数的能力.ct就是一个闭包函数,内部的环境就是这个局部变量 c. 这里咱们达到的就是内部数据,外部来操做.那闭包除了这个还有什么其余功能呢?

用闭包模拟私有方法

这有点像JAVA的私有方法或者私有变量,只能容许本身来操做!若是外部操做,就须要设定公开的方法来操做.

var person = (function(){
    var _name = "编程的人";
    var age = 20;
    return {
     add:function(){
         age++;
     },
     jian:function(){
         age--;
     },
     getAge:function() {
         return age;
     },
     getName:function(){
         return _name;
     },
     setName: function (name) {
         _name = name;                
     }
    }
})();
person.add();
var age = person.getAge();
console.log(age)
person.setName("编程的人公众号:bianchengderen")
console.log(person.getName())

这里应该很容易理解了吧! 有点面向对象编程的感受.固然Javascript如今也有面向对象编程的特色.这点咱们之后来讲明.

目前为止,咱们从计数到内部私有化的例子,来讲明闭包,但愿你们能简单明白其中的道理,固然闭包还有其余的功能利用,是比较方便的.

本文属于吴统威的博客,微信公众号:bianchengderen 的原创文章,转载时请注明出处及相应连接:http://www.wutongwei.com/front/infor_showone.tweb?id=157 ,欢迎你们传播与分享.