JavaScript闭包

三、突破作用域链

1.未使用闭包时

默认情况下上一级作用域(以下称父作用域)中不能访问下一级作用域(以下称子作用域)中声明的变量,这一点前面已有例证。

 

2.使用闭包突破作用域链

如果确实需要在父作用域中访问子作用域中声明的变量,可以通过下面这样的方法:

//包含特殊数据的一个函数

function variableFunction() {

var variableForGloabl = "需要在上一级作用域中使用的变量";

//声明一个子函数,这个函数是可以访问到variableForGloabl的

function getVariable() {

return variableForGloabl;

}

//将子函数的引用返回,这一点很关键

return getVariable;

}

//获取getVariable()函数的引用

var funRef = variableFunction();

//调用有权访问局部变量的getVariable()函数获取数据

var data = funRef();

console.log("data="+data);

//可以多次调用获取

data = funRef();

console.log("data="+data);

执行结果:

data=需要在上一级作用域中使用的变量

data=需要在上一级作用域中使用的变量

 

3.闭包

其实上例中有权访问局部变量的getVariable()函数就是闭包。它所起的作用是将局部变量的作用域延伸到了全局范围——当然也可以说是从子作用域延伸到了父作用域。

这里有几个问题需要说明:

①返回函数的引用

实现闭包的过程中返回函数的引用是非常关键的一步,如果不是返回函数的引用就与改变作用域范围无关了。因为如果不返回函数的引用则可能直接返回变量值本身或闭包函数的执行结果,这样一来局部变量的作用域并不会被改变,我们仅仅是将它的值返回了,父函数执行完成后,局部变量就随之被垃圾回收机制释放掉了,对原本的作用域没有任何影响。

 

②缓存效果

局部变量被闭包函数返回后,即使父函数执行完毕,局部变量仍然会驻留在内存中,这是闭包技术中的一个非常鲜明的特点。

首先我们来证实这一点:

//声明包含闭包的函数keepVariable()

function keepVariable() {

//number是要保持的数据

var number = 1;

//打印初始值

console.log("init number="+number);

//返回闭包函数

return function(){

//由于闭包函数的引用被返回给了上一级作用域,随时会被调用执行,所以number要始终保持在内存中,直到父作用域也被释放

number++;

console.log("number="+number);

};

}

var closure = keepVariable();

closure();

closure();

执行结果:

init number=1

number=2

number=3

 

本教程由尚硅谷教育大数据研究院出品,如需转载请注明来源,欢迎大家关注尚硅谷公众号(atguigu)了解更多。