从广义的角度来说: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就可以了
优点
- 避免污染全局环境
- 提供对局部变量的间接访问
- 维持变量,使其不被垃圾回收
缺点
闭包使用不当 可能会造成内存泄漏
使用场景
- 函数作为参数
- 使用 return 返回函数
- 自执行函数
- 定时器
- 所有的回调函数