闭包:一个可以使用另外一个函数作用域中变量的函数。创建闭包的一种常见方式是在一个函数中创建另一个函数。
下面具体讲述闭包的相关知识。
要理解闭包,首先来理解一下JavaScript变量的作用域。
变量的作用域有两种:全局变量和局部变量。
- 全局变量
函数能够读取全局变量,例如:
var scope="global";
function t(){
console.log(scope);
}
t();//global
- 局部变量
函数外部无法读取内部的局部变量。
function t(){
var scope="local"
}
console.log(scope);//error
那么,如何从外部获取局部变量呢?
通过在函数内部定义另一个函数,来获取局部变量的值。
例如下面代码:
function t(){
var scope = "local";
function t1(){
alert(scope);
}
return t1;
}
var result = t();
result();
上面代码中函数t1就是闭包,闭包就是将函数内部和函数外部建立起一座桥梁,使得外部能访问到函数内的局部变量。
下面看两端代码理解闭包:
代码一:
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()()); // The Window
代码二:
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
var that = this;
return function(){
return that.name;
};
}
};
alert(object.getNameFunc()()); // My Object
这两段代码涉及到this的指向问题。
代码一中,object.getNameFunc()返回的是一个函数,不是object的属性,那么this自然就指向全局上下文了。
代码二中,将this的指向保留在that中,此时,that仍是指向My Object的,因此结果为My Object。
总结:闭包可以用在许多地方。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。由于闭包会携带包含它的函数的作用域,因此会比其他函数占用更多的内存。过度使用闭包可能会导致内存占用过多,我们建议读者只在绝对必要时再考虑使用闭包。