闭包
1.闭包是什么？
闭包就是 可以读取其他函数内部变量的函数，通俗点来讲，就是在子函数作用域下可以读取父函数作用域下声明的变量，使父函数内部的变量可以在函数外面被访问。
其结构如图下：
function f1() {
// 注意声明变量时必须加上var关键字
// 如果不加上var关键字声明 则声明的是一个全局变量！
var local = '我是父函数的变量';
// 返回 一个匿名函数
// ->该函数作为函数内部与函数外部的桥梁 可以访问函数内部的局部变量local
// 形成闭包
return function () {
// 引用父函数的局部变量
console.log(local);
}
}
// 在函数外部调用函数f1 -> 将返回的匿名函数命名为showLocal
var showLocal = f1();
// 调用showLocal函数 访问父函数的局部变量
showLocal();//我是父函数的变量
2.闭包的作用
-
1.闭包通常用来间接访问变量，换句话说就是隐藏变量，当你需要定义变量，并且不希望这个变量可以直接被访问到，可以通过闭包的方式进行声明，当需要改变这个变量时就调用对应的方法操作这个变量的值。
-
2.闭包也可以用来让变量始终保持在内存中。我们通过下面代码体验
function f1() { //局部变量count var count = 333; // 声明countHandler全局函数对count进行处理 // 在函数外调用 -> 符合函数外部访问函数内部变量 // 本质上 也是一个闭包 window.countHandler = function () { count++; } return function () { console.log(count); } } // 在函数外部调用函数f1 -> 将返回的匿名函数命名为f2 var f2 = f1();// 333 // 调用f2函数 访问函数内部变量count f2(); // 对函数内部进行处理 countHandler(); // 再次访问函数内部的变量 观察count的变化 f2();// 334
3.闭包的副作用
- 1.由于闭包会使得函数中的变量都保存在内存中，内存的消耗很大，闭包的滥用会造成页面的性能问题。在IE中，可能会导致内存泄漏（变量无法访问到，也不能触发垃圾回收机制进行清除，造成内存的浪费）解决方法是：在退出函数之前，将不在使用的局部变量全部删除。
- 2.闭包会在父函数外部，改变父函数内部变量的值。所以如果把父函数看做是一个对象，把闭包看作是公用方法，把内部变量看作是父函数的私有属性，那么就不能随意改变父函数内部变量的值。
