Javascript闭包函数快速上手

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

 

不过我们也还是从闭包的含义出发.

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

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

1 2 3 4 5 6

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

 

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

1 2 3 4 5 6 7 8 9

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

 

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

1 2 3 4 5 6 7 8 9 10

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

这个时候我们就可以通过这个闭包来完成计数的能力.ct就是一个闭包函数,内部的环境就是这个局部变量 c. java培训这里我们达到的就是内部数据,外部来操作.那闭包除了这个还有什么其他功能呢?

 

用闭包模拟私有方法

这有点像JAVA的私有方法或者私有变量,只能允许自己来操作!如果外部操作,就需要设定公开的方法来操作.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

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现在也有面向对象编程的特点.这点我们以后来说明.

目前为止,我们从计数到内部私有化的例子,来说明闭包,希望大家能简单明白其中的道理,当然闭包还有其他的功能利用,是比较方便的.

转载于:https://www.cnblogs.com/jinshiyill/p/5051257.html