闭包(closure):(官方解释)闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
下面这段代码就是一个典型的闭包:写一个计数器在console上打出1,2,3,4,5,6,7,8,9,10
function add() { var count = 0; function demo() { count++; console.log(count); } return demo; } var counter=add(); for (var $i=0;$i<10;$i++){ counter(); }说到这里,不得不谈一下作用域链。
在JavaScript中,函数也是对象,实际上,JavaScript里一切都是对象。函数对象和其它对象一样,拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[Scope]],由ECMA-262标准第三版定义,该内部属性包含了函数被创建的作用域中对象的集合,这个集合被称为函数的作用域链,它决定了哪些数据能被函数访问。
在函数add创建时,它的作用域链中会填入一个全局对象,该全局对象包含了所有全局变量。
这个全局对象(Global Object)简称GO其中有
this | window |
window | (object) |
document | (Object) |
add | (function) |
这些值按照它们出现在函数中的顺序被复制到运行期上下文的作用域链中。它们共同组成了一个新的对象,叫“活动对象(activation object)”,该对象包含了函数的所有局部变量、命名参数、参数集合以及this,然后此对象会被推入作用域链的前端,当运行期上下文被销毁,活动对象也随之销毁。
而活动对象(Activity Object)简称GO,GO的表这里就不多说了。
在函数执行过程中,遇到一个变量,都会经历一次标识符解析过程以决定从哪里获取和存储数据。该过程从作用域链头部,也就是从活动对象开始搜索,查找同名的标识符,如果找到了就使用这个标识符对应的变量,如果没找到继续搜索作用域链中的下一个对象,如果搜索完所有对象都未找到,则认为该标识符未定义。函数执行过程中,每个标识符都要经历这样的搜索过程。
了解了这些,那么对于上面的代码add就更加好理解了。
当创建ADD函数时,有了GO,而执行ADD的时候就有了AO,由于demo()在ADD的内部,所以这个时候就会创建ADD函数GO的引用(注意是引用,所以GO在这个过程中是不变的。),同样的demo也会创建自己的AO。
当demo()执行到return的时候是返回的demo这个函数,所以demo这个函数到了ADD这个函数的外面,同时在外部将这个函数赋给了counter这个变量,在for循环中多次调用了counter这个函数也就是demo这个函数,而demo函数引用了ADD函数的GO,所以在函数执行完毕的时候ADD的GO还存在,因此ADD函数的内存得不到释放,就会造成内存泄漏,直到所有的counter();都完毕之后,内存才会得到释放。
大概就是这个样子,虽然不是相当的清晰,但是一般还是能够看懂的。