【JavaScript】什么是闭包

【重点】再总结闭包之前,先搞明白闭包在工作中的实战作用
团队多人开发一个项目时,为了避免大家全局变量命名一样发生错误,所以搞个函数把他们都包起来。
---------------------鄙人愚见,请各位大佬多多指点

1.什么是闭包

  1. 闭包就是能够读取其他函数内部变量的函数;
  2. 定义在一个函数内部的函数(在javascript中,只有函数内部的子函数才能读取局部变量);
  3. 闭包是将函数内部和函数外部连接起来的桥梁;

--------------------闭包到底是个什么鸟东西啊,概念都听了半年了怎么还没搞明白啊,接下来我一定要搞懂----------------------*

2.闭包的优缺点
【摘自羊二哥: 原文链接】

优点:

  1. 让外部访问函数内部变量成为可能;
  2. 局部变量会常驻在内存中;
  3. 可以避免使用全局变量,防止全局变量污染;

缺点:

  1. 会造成内存泄漏(有一块内存空间被长期占用,而不被释放);
  2. 由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄漏。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

羊二哥的经典总结:重点记住这句
结论:闭包找到的是同一地址中父级函数中对应变量最终的值------(正在理解当中)

摘自羊二哥,他对这句话进行了解释:

  • 闭包就是可以创建一个独立的环境,每个闭包里面的环境都是独立的,互不干扰;
  • 闭包会发生内存泄漏,每次外部函数执行的时候,外部函数的引用地址不同,都会重新创建一个新的地址;(外部函数每执行一次,函数重新被声明一次,相当于在内存当中开辟一个新空间,所以每次执行一次地址都不同)
  • 但凡是当前活动对象中有被内部子集引用的数据,那么这个时候,这个数据不删除,保留一根指针给内部活动对象;
  • 闭包内存泄漏为: key = value,key 被删除了 value 常驻内存中; 局部变量闭包升级版(中间引用的变量) => 自由变量;

3.谈闭包,先了解变量的作用域
【摘自: 原文链接】
作用域分为:全局作用域和局部作用域;函数内部可以读取全局变量,而函数外部是无法读取函数内部的变量。

(1).函数内部可以读取全局变量
例子1:

var n=999;
function f1(){
  alert(n);
}
f1(); // 999

(2).函数外面不可以读取函数内部的变量
函数外部访问函数内部的变量------>报错例子
例子2:

function f1(){
  var n=999;
}
f1();
alert(n); //报错:Uncaught ReferenceError: n is not defined

【注意】在js函数内部中声明变量的时候一定要用var,否则相当于在函数外部声明了一个变量,函数内部未用var只当做赋值操作。
例子3:

//上面的例子改一下,去掉var
function f1(){
   n=999;
}
f1();
alert(n); //999

------------------------------------在实际开发中很多时候,在我们希望访问某个函数内部的变量时显得束手无策------------------------------------

(3)那么如何让函数外部读取到函数内部的变量呢?
例子4:

function f1(){
  n=999;
  function f2(){
    alert(n); // 999
  }
}

函数f2可以访问f1中的变量,也就是子函数能访问父函数,父函数无法访问子函数;这就是JavaScript语言特有的“链式作用域”结构(chain scope),子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。
既然f2可以读取f1中的局部变量,那么只要把f2作为返回值,我们不就可以在f1外部读取它的内部变量了吗!-----------------------------------------这就是闭包 闭包 闭包
例子5:

function f1(){
 var n=999;
  function f2(){
    alert(n);
  }
  return f2;
}
var result=f1();
result(); // 999

/文中有错误和不对的地方欢迎大家批评指正;文中多处引用各位大佬的内容和链接已经署名。/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值