JS闭包原理详解,初学者请进来!

闭包是js中的一个难点,接下来我会根据自己的学习笔记来详细解析闭包的原理以及使用。

1,什么是闭包

闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量。通俗的理解就是闭包就是函数内部的函数。

2,了解闭包

1.闭包产生的三个必要条件

      1. 在函数 A 内部直接或者间接返回一个函数 B
      2. B 函数内部使用着 A 函数的私有变量(私有数据)
      3. A 函数外部有一个变量接受着函数 B
     这样就形成了一个不会销毁的函数空间

2,闭包空间

    我们管这个不会销毁的 a 函数的执行空间叫做 闭包空间 。把函数 a 里面返回的 函数 b, 叫做函数a 的
     闭包函数
     官方给的定义有一句话: 闭包 => 函数内部的函数
接下来我来建立一个闭包空间的实例
   function a() {
  // 这个 num 变量就是函数 a 的私有变量
  var num = 100
  return function b() {
    console.log(num)
  }
}

var res=a()

res 接受的是 a 函数执行以后的返回值
res 接受的就是函数 a 内部返回的一个复杂数据类型(函数b)
导致函数 a 的执行空间不会销毁

从现在开始, res 随时可以是一个 函数a 里面返回的 函数b
res 随时可以调用res()

当 res 调用的时候, 打印 num
打印出来的就是 a 函数内部的私有变量 num 的值

3,闭包空间形成的底层原理

接下来再根据一个实例来讲解闭包的底层原理
function fn(i){
return function(n){
console.log(n+(–i))
}
}
var f=fn(10)
f(20)
f(8)
输出结果:28,16
在这di里插入图片描述
如图所示当函数fn建立后,会在内存栈空间拿到指向地址,内容以字符串的形式存储在内存堆空间之中,当函数运行时会在执行空间进行预解析,变量赋值。我们的fn函数的子函数满足闭包函数产生的条件,所以fn函数形成了一个不会销毁的执行空间。但是子函数即闭包函数的执行空间不会一直存在,它执行一次后即被销毁,不要搞混了两者。
因为fn函数执行空间一直存在,所以每次调用f()函数i值都会进行变化,所以上面实例的i值取决于f()的运行次数,切记一点fn函数外一定要有一个接受fn的返回值的变量否则这个执行空间就不会一直存在。

4, 闭包的特点(优点和缺点并存)

1. 延长了变量的生命周期
      + 优点: 因为执行空间不销毁, 变量也没有销毁
      + 缺点: 因为执行空间不销毁, 会一直存在在内存中造成资源浪费
2. 可以访问函数内部的私有变量
      + 优点: 利用闭包函数可以访问函数内部的私有变量
      + 缺点: 执行空间不会销毁, 会一直存在在内存中
3. 保护私有变量(只要是函数, 就有这个特点)
      + 优点: 保护私有变量不被外界访问
      + 缺点: 如果向访问, 必须要利用闭包函数
  闭包的函数的缺点 
    +因为当一段内存空间中有一个不会被销毁的东西一直存在
    + 那么就会出现内存占用, 如果过多, 就会导致内存溢出
    + 那么结果就是 内存泄漏
  闭包的作用
    +就是当你需要延长变量的声明周期的时候
    + 或者你需要访问某一个函数内部的私有数据的时候
    + 你可以使用 闭包 函数来解决
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值