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 ,欢迎大家传播与分享.
最新文章
- Akka-remote使用入门
- .NET Memory Profiler 查看内存使用情况
- 数据类型和Json格式
- 某预约系统分析 >; 某区公共自行车租车卡在线预约,关于如何提高成功概率
- oracle实现split函数功能
- Linux文件系统应用---系统数据备份和迁移(用户角度)
- Android_firstClass
- java.lang.OutOfMemoryError: unable to create new native thread如何解决
- 第一篇帖子,就弄个JS动态公告浏览吧,直接上代码
- Android进阶篇-内存管理
- ASP与ASP.NET转换Session数据桥的应用
- 使用 AngularJS 和 ReactJS 的经验
- 安装cocoapods遇到的一些问题
- hadoop-hdfs体系结构
- POI处理Excel中各种日期格式问题
- First ServiceStack Service
- 51nod--1185 威佐夫游戏 V2 (博弈, 乘法模拟)
- oracle学习笔记第一天
- ubuntu——caffe配置deeplab
- 2-Sat小结
热门文章
- U盘做启动盘后,如何恢复原始容量
- Asterisk 安装与配置
- Google邮箱:Gmail国际顶级邮箱
- 从物理执行的角度透视spark Job
- Please check if the Publishing Tools on the server (System/PublishingTools) are started.
- 传统IO与NIO区别二
- Ubuntu开机出现:Fontconfig warning:";/etc/fonts/conf.d/65-droid-sans-fonts.conf";的解决办法
- cocos2d&;amp;cocos2dx学习资源
- [Javascript] Querying an Immutable.js Map()
- I/O体系结构和设备驱动程序