js闭包

it2024-11-05  12

首先要明白闭包的概念

“闭包是指有权访问另一个函数作用域中的变量的函数。”(《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是在运行时基于函数的执行环境绑定的。而匿名函数的执行环境具有全局性,因此其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”

OK那闭包到底是做什么用的呢?

我们知道,java用private修饰成员变量来封装私有变量。js没有class等,但通过闭包可实现封装私有变量使用闭包可访问到内部变量;当我们希望某些变量一直存储在内存中时可用到闭包,比如有一个处理过程很耗时的函数对象,每次调用都会很费时,那么我们就需要将计算出来的值存储起来,当调用这个函数的时候,首先在缓存中查找,如果找不到,则进行计算,并更新缓存并返回值,如果找到了,直接返回查找到的值即可。当有些函数只需要执行一次,且变量不需要维护时可用闭包。通过匿名自执行函数,变量在执行完后很快释放,且不会污染全局对象。

注意:闭包不可滥用

闭包会使得函数中的变量一直保存在内存中,因此内存消耗很大。 在作用域一节中也提到了,在IE使用闭包很有可能会导致内存泄漏,所以在使用闭包的时候要注意,退出函数前要将不再需要使用的闭包删除。


以上便是对闭包知识的相关整理,但对于其实际运用等还不是特别熟悉,希望在之后的实践中有更加深入的体会。对于本文中涉及到的作用域、作用域链、内存泄漏和匿名函数等知识点,不太熟悉的朋友可以先自行学习这些内容再来理解本文。

最新回复(0)