最近在学习javascript设计模式,基本上设计模式都是依靠闭包实现的。虽然接触闭包的概念很早了,但一直都没有去深入了解,仅仅知道有闭包这个概念,但是在学习设计模式的过程中发现,如果对闭包的原理不熟悉的话,设计模式的学习也会存在问题,所以终于决定花些心思去深入了解一下闭包,以下是整理出来的内容。
参考资料:
1. 阮一峰老师–学习Javascript闭包(Closure)
2. javascript设计模式与开发实践
3. 你不知道的javascript 上卷
引入(整理自阮一峰老师的博客)
变量的作用域分全局变量和局部变量,出于种种原因,有时候需要访问函数内的局部变量。但是正常情况下这是访问不到的,那么应该怎么办呢?
那就是在函数的内部,再定义一个函数。
function f1(){
var n = 999;
function f2(){
alert(n); // 999
}
}
如代码所示,f2可以读取f1中的局部变量,那么只要把f2作为返回值,就可以在f1外部读取它的内部变量
function f1(){
var n = 999;
function f2(){
alert(n);
}
return f2;
}
var result = f1();
result(); // 999
上面代码中的f2函数即是闭包,由此引入闭包的概念
闭包就是能够读取其他函数内部变量的函数。
由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成”定义在一个函数内部的函数”。
所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
闭包的用途
- 读取函数内部的变量
- 让这些变量的值始终保持在内存中
function f1(){
var n = 999;
nAdd = function(){ n+=1 }
function f2(){
alert(n);
}
return f2;
}
var result = f1();
result(); // 999
nAdd();
result(); // 1000
参考以上代码,对于闭包用途第二点让局部变量一直保存在内存中,解释如下:
由于f1是f2的父函数,而f2被赋给了一个全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。
深入了解闭包
未完待续