前言
作为前端开发者，闭包绝对是你绕不过去的一个核心概念。无论是面试还是实际开发，闭包都是考察重点。但很多人对闭包的理解还停留在"函数嵌套函数"的表面，今天我们就来深入剖析闭包的本质和应用场景。
从作用域说起
要理解闭包，首先得搞清楚作用域的概念。JavaScript中有三种作用域：
javascript
// 全局作用域
var n = 999;
function f1() {
// 没有使用var声明，意外创建了全局变量
b = 123;
// 函数作用域
{
// 块级作用域
let a = 1;
}
console.log(n); // 可以访问全局变量
}
f1();
console.log(b); // 123 - 意外的全局变量作用域链的核心规则：内部可以访问外部，外部无法访问内部。
这里有个坑要注意：不使用var、let或const声明的变量会意外成为全局变量。这在《JavaScript语言精粹》中被归类为"糟粕部分"(The Bad Parts)。
闭包的本质
那么问题来了：函数外部真的无法读取函数内的局部变量吗？
闭包就是打破这个规则的"桥梁"。
最简单的闭包示例
javascript
// 让局部变量可以在全局访问
function f1() {
// 局部变量
var n = 999; // 自由变量
function f2(){
console.log(n);
}
return f2;
}
var result = f1();
result(); // 999这里的f2就是一个闭包函数，它可以访问外部函数f1的局部变量n。
闭包的"记忆"能力
闭包最神奇的地方在于它能"记住"外部函数的变量状态：
javascript
function f1(){
var n = 999;
// 修改自由变量的函数
nAdd = function(){
n += 1;
}
function f2() {
console.log(n);
}
return f2;
}
var result = f1();
result(); // 999
nAdd(); // 修改n的值
result(); // 1000看到了吗？即使f1已经执行完毕，n这个变量依然存在于内存中，而且可以被修改！
深入理解：为什么闭包变量不会被销毁？
这涉及到JavaScript的垃圾回收机制。JavaScript使用引用计数的方式进行垃圾回收：
f1执行完毕后，按理说n应该被销毁- 但是
f2函数还在引用着n（这个n被称为"自由变量"） - 由于存在引用，垃圾回收器不会回收
n - 所以
n会一直保持在内存中
闭包也被形象地称为"背包"，因为它背着外部函数的变量不放手。
实战应用：解决this指向问题
来看一个经典的闭包应用场景：
javascript
var name = 'The Window';
var object = {
name: "My Object",
getNameFunc: function () {
var that = this; // 保存this引用
return function() {
return that.name; // 使用闭包访问外部this
}
}
}
console.log(object.getNameFunc()()); // "My Object"这里利用闭包解决了this指向问题：
- 外部函数的
this指向object - 通过
that变量保存这个引用 - 内部函数通过闭包访问
that，获得正确的name值
闭包的两大用途
根据阮一峰老师的总结，闭包主要有两个用途：
1. 读取函数内部的变量
让外部代码可以访问函数内部的私有变量，实现数据封装。
2. 让变量的值始终保持在内存中
通过闭包，可以创建持久化的变量状态，这在很多场景下非常有用。
闭包的注意事项
内存泄漏风险
闭包会阻止垃圾回收，如果使用不当容易造成内存泄漏：
javascript
function createHandler() {
var largeData = new Array(1000000); // 大数组
return function(element) {
// 即使不使用largeData，它也不会被回收
element.onclick = function() {
console.log('clicked');
};
};
}解决方案：
- 在退出函数前，将不使用的局部变量设为
null - 使用
delete操作符删除不需要的属性
变量值的不确定性
闭包会在父函数外部改变父函数内部变量的值，这种"自由"带来了不确定性：
javascript
function createFunctions() {
var result = [];
for (var i = 0; i < 3; i++) {
result[i] = function() {
return i; // 闭包引用的是同一个i
};
}
return result;
}
var funcs = createFunctions();
console.log(funcs[0]()); // 3，不是0！这就是闭包中"自由变量"的自由性------它的生命周期和值都可能超出预期。
总结
闭包是JavaScript中一个强大但需要谨慎使用的特性：
核心概念：
- 函数嵌套函数（作用域链的嵌套）
- 内部函数引用外部函数的变量
- 内部函数被返回或传递到外部
主要特点：
- 将函数内部和外部连接起来的桥梁
- 让变量在函数执行完毕后仍然存在
- 可以创建私有变量和方法
注意事项：
- 谨防内存泄漏
- 注意变量值的不确定性
- 及时清理不需要的引用
掌握闭包，不仅能帮你写出更优雅的代码，在面试中也会让你脱颖而出。记住：闭包就是将函数内部和函数外部链接起来的桥梁。