浅谈js闭包理解
更新时间：2019年03月28日 15:32:38 作者：yujin0222
这篇文章主要介绍了对js闭包理解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
闭包是js中的一大特色，也是一大难点。简单来说，所谓闭包就是说，一个函数能够访问其函数外部作用域中的变量。
闭包的三大特点为：
1、函数嵌套函数
2、内部函数可以访问外部函数的变量
3、参数和变量不会被回收。
举例来说：
function test(){
var a=1;
return function(){
alert(a);
}
}
var try=test();
try();//弹出a的值
这个例子中，变量a在test方法外部是无法访问的，但test方法里面，嵌套了一个匿名函数，通过return返回，test作用域中的变量a，可以在匿名函数中访问。并且当test方法执行后，变量a所占内存并不会释放，以达到嵌套的函数还可以访问的目的。
闭包的作用在于，可以通过闭包，设计私有变量及方法。
举例来说：在java中创建perosn类，含有私有变量name。
public class Person{
private String name='wy';
public Person(val){
name=val;
}
public void setName(val){
name=val;
}
public String getName(){
return name;
}
}
在js中实现类似java创建类的功能：
(function(){
var name="wangyu";
Person=function (val) {
name=val;
}
Person.prototype.setName=function(val){
name=val;
}
Person.prototype.getName=function () {
return name;
}
})();
var person1=new Person("sj");
alert(this.name)//undefined 因为在function作用域外不能访问
alert(person1.getName());//sj
在function里面的name，由于是在function作用域中，所以外部无法访问，但是可以通过创建person对象，调用person的方法，来达到修改和访问name值的目的，类似于java类中的私有变量，外部无法访问，只能通过类方法访问。
再看一个私有变量的例子：
var aaa = (function(){
var a = 1;
function bbb(){
a++;
alert(a);
}
function ccc(){
a++;
alert(a);
}
return {
b:bbb, //json结构
c:ccc
}
})();
alert(aaa.a)//undefined
aaa.b(); //2
aaa.c() //3
总结：
1、闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量。闭包的缺点就是常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。
2、不必纠结到底怎样才算闭包，其实你写的每一个函数都算作闭包，即使是全局函数，你访问函数外部的全局变量时，就是闭包的体现。
以上所述是小编给大家介绍的对js闭包理解和动画详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
静态页面中用js获取页面参数的一些属性方法，具体的获取参数，可以搜索本站以前的一些文章。2009-04-04
这篇文章主要为大家详细介绍了微信小程序实现蒙版弹窗效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
本篇文章主要介绍了微信小程序使用Promise简化回调，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了javascript中call和apply的用法示例分析，非常的详细,需要的朋友可以参考下2015-04-04
最近一直在用javascript在做项目 可是做着做着 感觉很多功能代码都是重复的。2010-05-05
这篇文章主要为大家详细介绍了js css3实现图片拖拽效果，注释非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
本篇文章主要介绍了使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
今天小编就为大家分享一篇layer实现弹出层自动调节位置，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
"事件机制可以使程序逻辑更加符合现实世界，在JavaScript 中很多对象都有自己的事件，例如按钮就有onclick 事件，下拉列表框就有onchange 事件，通过这些事件可以方便编程。2009-08-08
这篇文章主要介绍了JS利用prototype给类添加方法操作,结合实例形式分析了javascript使用prototype实现给类添加方法的相关操作技巧,需要的朋友可以参考下2019-06-06
最新评论