简易理解JavaScript闭包（Closure）

关于JavaScript闭包（Closure）网络中已经有很多相当详细的文章介绍了（详见参考学习资料），这里以一种简明的方式解释一下JavaScript闭包及其几个用途，希望对初学者快速理解JavaScript闭包有所帮助。

 

正文

 

1. 变量的作用域

[javascript] view plaincopy

var a0 = 0;  

function f0(){  

//...  

}  

function f1(){  

    var a1 = 1;  

    var f2 = function(){  

        var a2 = 2;       

        alert(a0 * a1 * a2);          

    }  

}  

一般情况下来讲（不使用JavaScript闭包方法）：

f0可访问变量a0,不能访问变量a1,a2；

f1可访问变量a0,a1,不能访问变量a2；

f2可访问变量a0,a1,a2；

 

2. JavaScript闭包

JavaScript闭包简单理解定义：

在一个函数内定义的另外一个函数，上面代码中的函数f2就是JavaScript闭包。

 

3. JavaScript闭包用途

使上面代码中的f0可以访问变量a1,a2.

[javascript] view plaincopy

var a0 = 0;  

function f0(){  

    f1();  

}  

function f1(){  

    var a1 = 1;  

    var f2 = function(){  

        var a2 = 2;       

        alert(a0 * a1 * a2);          

    }  

    return f2();  

}  

f0();  

基于此的JavaScript闭包其它用途请参考本文的学习资料和网络。

 

4. 原因解释

两点：

（1）f2定义在f1内部（JavaScript闭包）；

（2）“return f2()”，使得f2在f0中运行，f2运行依赖于f1，所以f1不会被JavaScript的垃圾回收机制所回收，这样f0即通过f2访问到了f2和f1中的变量。
站长网    转载请注明