js闭包

#理解闭包
JS的作用域分两种,全局和局部,基于我们所熟悉的作用域链相关知识,我们知道在JS作用域环境中访问变量的是由内到外的,内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量。

一、了解闭包
1.有权访问另一个函数作用域中的变量的函数。简单理解为“定义在一个函数内部的函数
2.变量的作用域分为两种:全局变量和局部变量
3.闭包生成的三个必要条件
3-1:在a函数内部直接或间接返回一个函数b
3-2:b函数内部使用着a函数的私有变量
3-3:a函数外部有一个变量接受b
形成一个不会销毁的函数空间

全局变量:在函数内部可以直接读取全局变量

var num = 100
 function fn() {
      console.log('数字: ' + num)
    }
  fn()

局部变量:在函数外部无法读取函数内的局部变量

function a() {
      var num = 100
}
  console.log(a)
**注意:变量声明如果不使用var关键字,那么它就是一个全局变量,即使是在它的函数内定义**

二、如何从外部获取局部变量?
有的时候我们需要得到函数内部的变量,但是正常情况下函数外部是无法读取函数内的局部变量的。这时候我们就可以使用闭包=>函数内部的函数,那就是在函数内部,在定义一个函数。

function a() {
      var num = 100
      function b() {
        console.log(num)
      }
    }

函数b就包括在函数a里面,a这时因为JavaScript语言的”链式作用域结构”的,子对象一层一层向上寻找父对象的变量。所以父对象所有的变量,对子对象都是可见的,反之则是不可见的。由此可见上面函数,函数a的局部变量对函数b是可见的,但是函数b的局部变量对函数a是不可见的。
既然函数b可以读取函数a的局部变量,那么只要把函数b做为返回值那么就可以在a函数外部读取函数b的内部变量了。

function a() {
      var num = 100
      return function b() {
       var n=0
      }
    }
    var res = a()
res()
  res = null

一般情况下,在a函数执行完以后,就应该销毁执行空间,但是b函数做为返回值赋值给了res,这时b函数内部还引用着a函数里面的变量,所以变量无法被销毁,而变量n是每次调用的时候新创建的,所以当res执行完以后就把属于自己的变量销毁了,最后只剩下num,这里便产生了内存消耗问题.
三、总结
优点:
1.延长变量的生命周期=>因为执行空间不会销毁,变量也不销毁
2.可以访问函数内部的私有变量=>利用闭包函数可以访问函数内部的私有变量
3.保护私有变量=>保护私有变量不被外界访问
缺点:
1.执行空间不会销毁,增大内存消耗,造成内存泄漏。解决方法可以在使用完变量以后手动设置为null;


家中逆战,无畏疫情

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值