“闭包是指有权访问另一个函数作用域中的变量的函数。”(《JavaScript高级程序设计》)根据上一节有关作用域的知识我们知道,函数可以访问外部函数的变量,但不可访问内部函数和同级函数的变量,因此,这个“另一个函数”应该指的是“外部函数”。
“闭包是函数和声明该函数的词法环境的组合。”(MDN中定义)也就是说闭包不止是那个函数,还包括它可访问的外部函数的变量等。
创建闭包的常见方式,就是在一个函数内部创建另一个函数。但需要注意,并不是单纯的函数嵌套函数。
我们知道,当函数执行完毕后,局部活动对象就会被销毁,内存中仅保存全局作用域。但是,闭包的情况又有所不同。外部函数在执行完毕后,其活动对象并不会被销毁,因为匿名函数的作用域链仍然在引用这个活动对象。也就是说,当外部函数执行后,其执行环境的作用域链会被销毁,但它的活动对象仍然会留在内存中,直到内部函数被销毁后,外部函数的活动对象才会被销毁。
举个简单的栗子:
function f(){ var arr = new Array(); for (var i = 0; i < 5; i++){ arr[i] = function(){ return i; } } return arr; }这个函数会返回一个函数数组。表面上看,似乎每个函数都应该返回自己的索引值,如位置为0的函数返回0.但实际上,每个函数都返回5.循环中创建了5个函数,每个函数的作用域链中都保存着f()函数的活动对象,所以它们引用的是同一个变量i。而当f()函数返回后5,此时每个函数都引用着保存变量i的同一个变量对象,所以在每个函数内部i的值都是5。
那么该如何才能达成我们预期的效果呢?可以通过创建另一个匿名函数,用该函数的参数绑定循环变量当前的值,无论该循环变量后续如何更改,已绑定到函数参数的值不变,如下所示:
function f(){ var arr = new Array(); for (var i = 0; i < 5; i++){ arr[i] = function(num){ return function(){ return num; }; }(i); } return arr; }在这里我们没有直接将闭包赋给数组,而是定义了一个匿名函数,并将立即执行该匿名函数的结果赋值给数组。在调用每个匿名函数时,我们传入了变量i。由于函数参数是按值传递的,所以会将变量i的当前值复制给参数num。而在这个匿名函数内部,又创建并返回了一个访问num的闭包。这样arr数组中每个函数都有自己num变量的一个副本,因此就可以返回各自不同的数值了。
我们知道,this是在运行时基于函数的执行环境绑定的。而匿名函数的执行环境具有全局性,因此其this对象通常指向window。举一个简单的栗子:
var name = "The window"; var object = { name = "The object"; getName = function(){ return function(){ return this.name; }; } }; alert(object.getName()()); //返回“The window”我们知道,每个函数在被调用时都会自动取得两个特殊变量:this和arguments。内部函数在搜索这两个变量时,只会搜索到其活动对象为止,因此永远不可能直接访问外部函数中的这两个变量。不过,把外部作用域中的this对象保存在一个闭包能够访问到的变量里,就可以让闭包访问该对象了,如下所示:
var name = "The window"; var object = { name = "The object"; getName = function(){ var that = this; return function(){ return thst.name; }; } }; alert(object.getName()()); // 返回“The object”闭包会使得函数中的变量一直保存在内存中,因此内存消耗很大。 在作用域一节中也提到了,在IE使用闭包很有可能会导致内存泄漏,所以在使用闭包的时候要注意,退出函数前要将不再需要使用的闭包删除。
以上便是对闭包知识的相关整理,但对于其实际运用等还不是特别熟悉,希望在之后的实践中有更加深入的体会。对于本文中涉及到的作用域、作用域链、内存泄漏和匿名函数等知识点,不太熟悉的朋友可以先自行学习这些内容再来理解本文。