闭包这个鬼已经从我入门前端到现在一直困扰着我,每当不理解的时候就看下度娘们的解析,突然就茅塞顿开,但是呢,再过段时间又忘的不知所以,根本原因可能还是不够理解闭包到底是什么?所以这次我一定要彻底的看透它,直视它的眼睛,哈哈哈。
言归正传
首先咱们看下百度百科对闭包的定义:
闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。
关于闭包的典型例子,百科给出了一个万年例子:
function a() {
var i = 0;
function b() {
console.log(++i);
}
return b;
}
var c = a();
c(); //1
c(); //2
这个例子充分的体现了闭包的特点:
1.函数b嵌套在函数a内部;
2.函数a返回函数b。
这样在执行完var c=a( )后,变量c实际上是指向了函数b,再执行c( )后就会弹出一个窗口显示i的值(第一次为1)。这段代码其实就创建了一个闭包,这是因为函数a外的变量c引用了函数a内的函数b。也就是说,当函数a的内部函数b被函数a外的一个变量引用的时候,就创建了一个闭包。
闭包带来的影响或者说作用:
简而言之,闭包的作用就是在a执行完并返回后,闭包使得Javascript的垃圾回收机制不会收回a所占用的资源,因为a的内部函数b的执行需要依赖a中的变量。
再看另外一个博主对于闭包的理解,我觉得说的很通俗易懂,看下代码:
function aa(){
var b =1;
function bb(){
b++;
return b
}
return bb;
}
var c = aa();
c();
下面是他对闭包的理解:
- 这里变量b和函数bb()就形成了一个闭包;
- 那么就有了个疑问,为什么要做这种函数嵌套函数;
因为我们需要这个局部变量 b;所以才将 b放在一个函数中,如果不将变量放在一个函数中,那么 b 就成为了一个全局变量;所以说函数嵌套函数就是为了创建一个局部变量。 - 那为什么要返回bb函数呢
如果大家不返回bb函数,那么我们就用不了这个闭包,返回bb函数的意思就是说返回到window这个全局对象中;我们可以把return bb 改写成window.bb = bb ;目的是只要让外层能访问到bb函数就可以了;所以说 return bb 只是能让这个函数能用,和闭包没关系;
总结上面的两个例子,其实说白了,闭包就是一个环境,在这个环境下只允许外层的函数访问其内部函数的变量,是这个外层函数私有的,很霸道的函数也被叫做高阶函数,除了它之外没有人可以改变它内部的东西。
说到私有的,再给你们看个栗子
function Counter(start) {
var count = start;
return {
increment: function () {
count++;
},
get: function () {
return count;
}
}
}
var foo = Counter(4);
foo.increment();
foo.get();// 5
foo.increment();
foo.get();// 6
从上面这个例子可以看出:Counter 函数返回两个闭包,函数 increment 和函数 get。 这两个函数都维持着对外部作用域 Counter 的引用,因此总可以访问此作用域内定义的变量count。
看到这儿突然很有感触,当时学习的Java的时候直接定义个private类型的变量就行了,哪有像JS这么不智能的语言。吐槽到此为止.......
好了,闭包看的差不多了,我们做一下大总结吧:
用途:1.读取函数内部的变量;
2.这些变量的值始终保持在内存中,不会在外层函数调用后被自动清除。
优点:1:变量长期驻扎在内存中;
2:避免全局变量的污染;
3:私有成员的存在 ;
特性:1:函数套函数;
2:内部函数可以直接使用外部函数的局部变量或参数;
3:变量或参数不会被垃圾回收机制回收 GC;
缺点:
常驻内存 会增大内存的使用量 使用不当会造成内存泄露,详解:
(1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
(2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。
闭包的内存泄漏问题
什么是内存泄漏?
内存泄漏:你用不到(访问不到的变量),依旧占据着内存空间,不能被再次利用。
有热心网友说“IE浏览器有bug,IE 在我们使用完闭包之后,依然回收不了闭包里面引用的变量。这是 IE 的问题,不是闭包的问题。”
闭包在离散数学的应用
说到这一点,感觉我大学学的离散数学都交给了我的老师了,其实闭包这个概念在离散数学中也有很大的应用的。
未完待续