JavaScript中的闭包

阿里云国内75折回扣微信号：monov8

阿里云国际，腾讯云国际，低至75折。AWS 93折免费开户实名账号代冲值优惠多多微信号：monov8 飞机：@monov6

一.什么是闭包

1.闭包的定义

闭包并不是JS特有的因此可以从两个角度定义闭包。

1计算机科学中

闭包又称为词法闭包在进行词法分析的时候这个闭包就确定了或者是函数闭包。
是在支持头等函数的编程语言中意思是函数作为一等公民的编程语言中实现词法绑定的一种技术。
闭包在实现上是一个结构体它存储了一个函数和一个关联的环境相当于一个符号查找表。
闭包跟函数最大的区别在于当捕捉闭包的时候它的自由变量会在捕捉时被确定这样即使脱离了捕捉时的上下文它也能照常运行。

2JavaScript中

一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起或者说函数被引用包围这样的组合就是闭包。
也就是说闭包让你可以在一个内层函数中访问到其外层函数的作用域。
在JavaScript中每当创建一个函数闭包就会在函数创建的同时被创建出来。

2.图解闭包的含义

在全局代码执行前先创建GO然后创建全局执行上下文在全局执行上下文准备执行代码的时候,会对代码提前编译变量会被定义但是都还没有被赋值是undefined这个时候发现其中定义的有foo函数需要对它进行解析再在堆内存中创建一个函数对象。

这个函数对象中其实是包括父级作用域和函数执行体的。

它的上层作用域是GO那么会指向GO指针之间会存在一个相互指向。
在全局执行上下文中会有一个VO它是指向GO的下面是开始执行代码。开始执行代码的时候就调用了这个foo函数这个时候会在调用栈中创建一个函数执行上下文(FEC),函数执行之前要先创建AO对象在对函数中的代码提前编译的时候发现其中有一个函数就会先创建一个bar函数对象。
然后开始执行代码
那么在执行代码给fn赋值的时候foo函数返回的是bar这个函数这个bar在AO对象中其实保存的是这个函数的引用0xb00那么这个给fn赋值的其实就是0xb00。

4执行完之后就会对foo这个函数上下文进行删除操作接着执行fn()这个代码接着找到了0xb00这个函数对象因此会接着创建一个bar函数执行上下文然后在bar函数中执行了打印的操作。
这个操作执行完毕之后这个bar的函数上下文也就不存在了。然后这些步骤完成之后GO对象没有被销毁但是属于foo函数、bar函数的AO对象其实是会被销毁的因为没有引用指向它了。
6现在对这个代码做一些改变

与上面一段代码只有一点点不一样就是在执行foo函数的时候在形成AO的时候多了一个变量name那么在函数执行上下文中开始执行代码的时候是下面这样的过程。

然后执行到最后return bar其实就是return 0xb00,返回之后foo函数就已经执行完毕了。在执行完第9行代码之后内存中的应当是下面这个过程。

然后执行第10行代码再创建bar函数的执行上下文,然后执行代码这里bar函数中引用了一个变量name在执行上下文中当使用变量的时候会沿着作用域链去查找。

最终打印的结果应该是 bar foo,这就形成了严格的闭包。
在正常情况下foo执行完毕之后其中的AO对象应该被销毁但是在执行这个bar函数的时候发现仍然能够使用foo的AO对象中的name仍然能够被访问到这个场景中闭包就是bar函数本身+bar中能够访问到外层的自由变量name。也就是闭包包括两部分函数+它可以访问的自由变量这个自由变量其实就是上层作用域中使用的某些变量其实外层作用域的变量都可以使用的我们使用了的上层作用域中的变量就叫做自由变量。
那么其实可以说下面这种情况也是闭包。

这个demo的外层作用域其实就是全局变量。