闭包的理解和缺点

变量的作用域

要理解闭包，首先必须理解Javascript特殊的变量作用域。

变量的作用域无非就是两种：全局变量和局部变量。

var 用来声明全局变量， 函数内部可以直接读取全局变量。

var n=999;
function f1(){
    alert(n);
}
f1(); // 999

但用var 声明的并不一定是作用在全局。

在函数作用域内，加 var 定义的变量是局部变量，不加var定义的就成了全局变量。

function f1() {　　　　
    var n = 999;　　
}
f1()　　
alert(n); // error

function f1() {　　　　
    n = 999;　　
}
f1()　　
alert(n); // 999

在外部函数内定义函数，将内部函数作为返回值，就可以得到外部函数的局部变量。

function f1() {
　　var n = 999;
　　function f2() {　　　　　　
　　　　console.log(n)
　　}
　　return f2;
}
var result = f1();
result(); // 999

代码中的 f2 函数，就是闭包。

概念：

闭包就是能够读取其他函数内部变量的函数，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包最大用处有两个，一个是前面的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。

function f1() {
　　var n = 999;
　　nAdd = function() {
　　　　n += 1
　　}
　　function f2() {　　　　　　
　　　　console.log(n);　　　　
　　}
　　return f2;
}
var result = f1();
result(); // 999
nAdd();
result(); // 1000

缺点：

• 由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。
• 解决：闭包不在使用时，要及时释放。将引用内层函数对象的变量赋值为null。

function f1() {
　　var n = 999;
　　nAdd = function() {
　　　　n += 1
　　}
　　function f2() {　　　　　　
　　　　console.log(n);　　　　
　　}
　　return f2;
}
var result = f1();
result(); // 999
nAdd();
result(); // 1000

result = null;  // 将其设置为null，释放闭包空间
result(); // error

思考题：

理解下面两段代码的运行结果：

var name = "The Window";
var object = {　　　　
　　name: "My Object",
　　getNameFunc: function() {　　　　　　
　　　　return function() {
　　　　　　console.log(this)　　　　　　
　　　　　　return this.name;　　　　　　
　　　　};
　　}
};
console.log(object.getNameFunc()()); // The Window

var name = "The Window";
var object = {　　　　
　　name: "My Object",
　　getNameFunc: function() {　　　　　　
　　　　var that = this;　　　　　　
　　　　return function() {
　　　　　　console.log(that)　　　　　
　　　　　　return that.name;　　　　　　
　　　　};　　　　
　　}　　
};　　
console.log(object.getNameFunc()()); // My Object

两者结果不同的原因是作用域不同，一个在全局 window，一个在函数内部。