浅谈js闭包理解


Posted in Javascript onApril 01, 2019

闭包是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闭包理解详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 Javascript
js简单工厂模式用法实例
Jun 30 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
Oct 15 Javascript
基于jQuery的Web上传插件Uploadify使用示例
May 19 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
JavaScript手机振动API
Jun 11 Javascript
基于JavaScript实现报警器提示音效果
Oct 27 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
Oct 31 Javascript
JS实现移动端触屏拖拽功能
Jul 31 Javascript
AjaxFileUpload.js实现异步上传文件功能
Apr 19 Javascript
uni-app 组件里面获取元素宽高的实现
Dec 27 Javascript
vue3.0中友好使用antdv示例详解
Jan 05 Vue.js
详解Vue之父子组件传值
Apr 01 #Javascript
微信二次分享报错invalid signature问题及解决方法
Apr 01 #Javascript
JS中的防抖与节流及作用详解
Apr 01 #Javascript
微信小程序 slot踩坑的解决
Apr 01 #Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
Apr 01 #Javascript
VUE脚手架的下载和配置步骤详解
Apr 01 #Javascript
详解JavaScript中的函数、对象
Apr 01 #Javascript
You might like
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
Laravel使用swoole实现websocket主动消息推送的方法介绍
2019/10/20 PHP
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
js 调用百度地图api并在地图上进行打点添加标注
2014/05/13 Javascript
SuperSlide2实现图片滚动特效
2014/06/20 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
2014/11/17 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
2015/03/10 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
浅析2种JavaScript继承方式
2015/12/04 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
js控住DOM实现发布微博效果
2016/08/30 Javascript
微信小程序 条件渲染详解
2016/10/09 Javascript
微信小程序 获取javascript 里的数据
2017/08/17 Javascript
浅谈Angular路由复用策略
2017/10/04 Javascript
js canvas画布实现高斯模糊效果
2018/11/27 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
2020/08/03 Javascript
微信小程序tab左右滑动切换功能的实现代码
2021/02/08 Javascript
[48:12]Secret vs Optic Supermajor 胜者组 BO3 第三场 6.4
2018/06/05 DOTA
[01:54]TI珍贵瞬间系列(五):压力
2020/08/29 DOTA
python控制台中实现进度条功能
2015/11/10 Python
pip matplotlib报错equired packages can not be built解决
2018/01/06 Python
python中set()函数简介及实例解析
2018/01/09 Python
Python cookbook(数据结构与算法)实现对不原生支持比较操作的对象排序算法示例
2018/03/15 Python
基于Python的PIL库学习详解
2019/05/10 Python
Tensorflow 实现将图像与标签数据转化为tfRecord文件
2020/02/17 Python
新学期校长寄语
2014/01/18 职场文书
国窖1573广告词
2014/03/21 职场文书
《傅雷家书》教学反思
2014/04/20 职场文书
上班离岗检讨书
2014/09/10 职场文书
户籍证明模板
2014/09/28 职场文书
合伙开公司协议书范本
2014/10/28 职场文书
2014年民警工作总结
2014/11/25 职场文书
采购员岗位职责
2015/02/03 职场文书
教师理论学习心得体会
2016/01/21 职场文书
Python标准库之typing的用法(类型标注)
2021/06/02 Python