闭包 是是一保护私有变量的机制,在函数执行时形成私有作用域,保护里面的私有变量不受外界干扰,直观的说就是形成不销毁的栈。
Q1: 什么是闭包?
闭包就是能够读取其他函数内部变量 (自由变量) 的函数。
或者指能被访问的自由变量的函数。
Q2: 什么是自由变量?
在函数内部被使用,既不是函数的参数,也不是在函数内部的局部变量的变量。
由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。
所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
function foo() {
var count = 0; // count 是自由变量
return function bar() {
console.log(++count);
}
}
var bar = foo();
bar(); // 1
bar(); // 2
bar(); // 3
// foo() 执行完毕之后, 上下文销毁后,count 变量依然存在。
闭包的特点
- 函数嵌套函数
- 函数内部可以引用外部的变量和参数
- 参数和变量不会被垃圾回收机制回收
用途
闭包可以用在许多地方。它的最大用处有两个:
- 实现变量的私有化, 防止全局变量的污染。
- 让这些变量的值始终保持在内存中。
- 外部可以访问函数内部的变量。
注意点
1)由于闭包会使得函数中的变量都被保存在内存中,函数不释放自由变量(自由变量在浏览器被关闭的时才释放), 所以导致内存消耗很大,可能导致内存泄露。
2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。
解决方案
方案一:标记清除法, 实现零引用。
xxx = null;
方案二: 立即执行函数。
特点: 实则是匿名函数,没有函数声明提升, 没有被其他变量引用。
使用立即执行函数 解决闭包内存泄漏的问题
立即执行函数, 在浏览器加载时候执行:
执行是创建变量。并赋值, 虽然 内部也是是闭包。
执行完毕之后, 变量会销毁 res,a,b,c 销毁
所以,解决了内存泄漏, 没有全局变量污染。
(function () {
var a = 0;
function bar() {
console.log(++a);
}
bar();
bar();
})();
拓展
学习过ES6会发现,使用块级作用域逐渐替代立即执行函数。
因为let声明的变量只能在作用域内有效。
{
function bar() {
let a = 0;
console.log(++a);
}
bar();
bar();
}