JS闭包

JS闭包

闭包

闭包就是能够读取其他函数内部变量的函数，可以让这些变量的值始终保持在内存中。也即闭包时函数变量的一个引用，当函数返回时，它处于激活状态，是没有释放资源的栈区。

例题：

 

 

在上面的代码中，result实际上就是一个闭包f2函数，它一共运行了两次，第一次的值是0，第二次的值是1.这证明了，函数f1中的局部变量n一直保存在内存中，并没有f1调用后被自动清除。

原因：f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1也始终在内存中，不会再调用结束后，被垃圾回收机制回收。

深入理解闭包

闭包是指由权限访问另一个函数作用域变量的函数，即使离开函数的作用域也能够调用内部函数，通俗讲就是在需访问内部变量的时候只要存在调用内部函数的可能，js就需要保留被引用的函数，而且JS运行的时候还要跟踪这个内部函数的所有变量，直到这个变量废弃，JS才释放其相应的内存空间。

从执行环境看闭包

 

 

 

例子

 

 

当定义函数a的时候，js会将函数a设置为定义a时a所在的“环境”，当执行函数a的时候，a会进入相应的执行环境。在创建执行环境的过程中，首先会为a添加一个属性a.scope=a的作用域链。然后执行环境会创建一个活动对象(call object)。活动对象也是一个拥有属性的对象，但它不具有原型而且不能通过JavaScript代码直接访问。创建完活动对象后，把活动对象添加到a的作用域链的最顶端。此时a的作用域链包含了两个对象：a的活动对象和window对象。下一步是在活动对象上添加一个arguments属性，它保存着调用函数a时所传递的参数。最后把所有函数a的形参和内部的函数b的引用也添加到a的活动对象上。在这一步中，完成了函数b的的定义，因此如同第3步，函数b的作用域链被设置为b所被定义的环境，即a的作用域。此时a返回函数b的引用给c，又函数b的作用域链包含了对函数a的活动对象的引用，也就是说b可以访问到a中定义的所有变量和函数。函数b被c引用，函数b又依赖函数a，因此函数a在返回后不会被回收。（PS：垃圾回收是指对象不再被引用时就会被回收）

闭包的应用

解决setTimeout传递的第一个函数不能带参数的问题

 

 

封装私有变量

 

 

函数防抖

 

 

避免污染全局变量

 

 

需要注意的是：

闭包不能滥用，否则会导致内存泄露，影响网页的性能。闭包使用完了后，要立即释放资源，将引用变量指向null。

 哈哈哈，未完待续...