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就可以了

JavaScript的闭包_第1张图片

优点

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

缺点

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

使用场景

  • 函数作为参数
  • 使用 return 返回函数
  • 自执行函数
  • 定时器
  • 所有的回调函数

你可能感兴趣的:(js,javascript)