信鸽网

轻松学习Javascript闭包函数

  作者：bea

闭包函数是什么?在开始学习的闭包的时候，大家很能都比较难理解.就从他的官方解释来说,都是比较概念化的. 不过我们也还是从闭包的含义出发。 闭包是指函数有自由独立的变量。换句话说，定义在闭包中的函数可以“记忆”它创建时候的环境。 官方解释说完后,我们先来看一个简单计数的例子. var c = 0;function count(){c++;}count();// 1count();// 2 这个例子是利用了全局变量来实现,但是这里有个问题是,c这个变量也容易被其他方式所调

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


不过我们也还是从闭包的含义出发。
闭包是指函数有自由独立的变量。换句话说，定义在闭包中的函数可以“记忆”它创建时候的环境。
官方解释说完后,我们先来看一个简单计数的例子.




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现在也有面向对象编程的特点.这点我们以后来说明.
目前为止，我们从计数到内部私有化的例子，来说明闭包,希望大家能简单明白其中的道理，当然闭包还有其他的功能利用是比较方便的。


以上就是本文的全部内容，希望对大家学习javascript程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: