讲解一下Javascript中的闭包

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

文章名称:讲解一下Javascript中的闭包
URL分享:http://www.shufengxianlan.com/qtweb/news12/436162.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联