对Javascript中的闭包的理解

最新推荐文章于 2025-03-30 22:36:21 发布

「已注销」

最新推荐文章于 2025-03-30 22:36:21 发布

阅读量773

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript 闭包函数

本文链接：https://blog.youkuaiyun.com/terrytangabc/article/details/37562713

js 专栏收录该内容

9 篇文章

订阅专栏

本文通过实例解析JavaScript闭包的概念及工作原理，并介绍如何利用闭包实现变量保护。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript闭包是一个比较难理解的概念。官方英文的定义是：Closure (also lexical closure or function closure) is a function together with a referencing environment for the non-local variables of that function。那种感觉又来了：每个单词都懂，但是连起来瞬间就懵了- -#。

今天查阅了不少资料，打算好好理解一下。

根据英文解释可以大概知道，闭包其实就是一个函数和它对非本地变量的引用的统称。从定义上来说，在Javascript中，每个function都是闭包，因为它总是能访问在它外部定义的变量。

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

首先来看一个典型的面试题：

问题：点击五个P标签各输出什么？

答案：全部弹出“6”。

理解问题的关键在于理解Javascript的机制，Javascript是解释型的语言，一个函数在被调用的时候才会解释执行。例子中的click事件绑定的函数构成闭包，它引用了外部的"num"变量，注意是引用，而不是复制。在我们点击时函数才会执行。正是由于对变量有了引用，javascript垃圾回收机制不会回收它，此时的变量“num"驻留内存中，所以它的值是最终的”6"。

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

再来看另一个例子：

function a(){
    var i=0;
    function b(){
    	alert(++i);
    }
    return b;
}
var c = a();
c();

这个例子中：函数b嵌套在函数a内部并且函数a返回了函数b，外层的变量c指向了a执行的结果（b)，这同样创建了一个闭包。代码执行的结果是弹出“1”，上一个例子说过闭包环境导致其应用的变量驻留内存中，所以此时如果我们在控制台中再执行一次c()话就会输出“2”。

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------闭包的应用

闭包典型的应用是模拟私有变量。看下面的例子。

function Counter(start){
	var count = start;
　　return{
	　　increment:function(){
	　　	count++;
	　　},
	　　get:function(){
	　　    return count;
	　　}
　　}
}
var foo = new Counter(4);
alert(foo.get());// 4
foo.increment();
alert(foo.get());// 5

代码中的count变量在函数外部是无法访问到的，这就保护了count变量不被外部随意修改。如果写成”this.count = start“则可以随意修改。

闭包是javascript中一个比较难懂的概念，以上是自己的一些理解，欢迎批评指正。