设为首页 加入收藏

TOP

JavaScript闭包函数快速上手
2015-12-15 23:08:56 来源: 作者: 【 】 浏览:3
Tags: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())


?


?


这里应该很容易理解了吧! 有点面向对象编程的感觉.当然java script现在也有面向对象编程的特点.这点我们以后来说明.



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


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Java输入输出常用类Scanner 下一篇Servlet生命周期实例代码

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: