【JS】JavaScript的闭包

从广义的角度来说:JavaScript中的函数都是闭包;

从狭义的角度来说:JavaScript中一个函数,如果访问了外层作用域的自由变量,那么它是一个闭包;

1. v8为了执行代码,v8引擎内部会有一个执行上下文栈(简称:ECS,也叫做:函数调用栈)
2. 因为执行的是全局代码,为了全局代码能够正常的执行,需要创建 全局执行上下文(全局代码被执行时才会创建)(Global Excution Context,简称GEC ) ,GEC 里面有一个 VO ,VO 指向的就是 GO(GO包含Date、window 、全局变量等)
3. 然后开始执行代码;如果遇到函数,会创建 Functional Execution Context,即 函数执行上下文(FEC),FEC又包括:VO:形参/argunments/function/变量、 Scope Chain(作用域链):自己的VO / Parent VO (父级作用域)、this

闭包跟函数最大的区别在于,当捕捉闭包的时候,它的 自由变量 会在捕捉时被确定,这样即使脱离了捕捉时的上下文,它也能照常运行;

  • 以下面的代码为例
  • 自由变量就是:name
  • 脱离捕捉时的上下文:bar 没有在 foo 里面直接调用,而是 赋值给了fn ,所以 脱离了捕捉时的上下文
  • 父级作用域的 AO 并不会消失
function foo() {
  // foo 的 AO 并没有被销毁  (bar函数的 父级作用域是 foo 函数,所以 foo 的AO对象没有被销毁)
  var name = "foo"
  // bar 在没调用的时候,会先做一个预解析,主要解析:父级作用域 和 函数体
  function bar() {
    console.log("bar", name);
  }
  return bar
}
var fn = foo()
fn()
// 此时,fn 一直占用着内存,有可能造成内存泄漏,我们应该销毁它, 把 fn = null foo =null就可以了

在这里插入图片描述

优点

  1. 避免污染全局环境
  2. 提供对局部变量的间接访问
  3. 维持变量,使其不被垃圾回收

缺点

闭包使用不当 可能会造成内存泄漏

使用场景

  • 函数作为参数
  • 使用 return 返回函数
  • 自执行函数
  • 定时器
  • 所有的回调函数
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值