题目
请详细说明什么是闭包，以及闭包的应用场景和注意事项。
📝 标准答案
核心要点
- 定义：函数和其词法环境的组合，函数可以访问外部作用域的变量
- 形成条件：函数嵌套 + 内部函数引用外部变量 + 内部函数被返回或传递
- 作用：数据私有化、保持变量、模块化
- 注意：可能导致内存泄漏
详细说明
闭包的形成
javascript
function outer() {
let count = 0;
return function inner() {
count++;
console.log(count);
};
}
const counter = outer();
counter(); // 1
counter(); // 2
// inner函数可以访问outer的count变量，形成闭包经典应用场景
1. 数据私有化
javascript
function createPerson(name) {
let age = 0;
return {
getName: () => name,
getAge: () => age,
setAge: (newAge) => { age = newAge; }
};
}
const person = createPerson('Alice');
person.getName(); // 'Alice'
person.age; // undefined，无法直接访问2. 函数工厂
javascript
function makeAdder(x) {
return function(y) {
return x + y;
};
}
const add5 = makeAdder(5);
add5(3); // 8
add5(10); // 153. 循环中的闭包
javascript
for (var i = 0; i < 3; i++) {
(function(j) {
setTimeout(() => console.log(j), 0);
})(i);
}
// 输出: 0 1 2🧠 深度理解
作用域链
javascript
let a = 1;
function fn1() {
let b = 2;
function fn2() {
let c = 3;
console.log(a, b, c); // 1 2 3
}
fn2();
}
// fn2的作用域链: fn2 → fn1 → 全局内存管理
javascript
// 可能导致内存泄漏
function createClosure() {
const largeData = new Array(1000000);
return function() {
console.log(largeData.length);
};
}
const fn = createClosure();
// largeData无法被回收，因为闭包引用了它
// 解决方案：及时释放
fn = null; // 释放闭包，largeData可以被回收💡 面试回答技巧
🎯 一句话回答（快速版）
闭包是函数和其词法环境的组合，让内部函数可以访问外部函数的变量，即使外部函数已经执行完毕。常用于数据私有化、模块化、防抖节流等场景。
📣 口语化回答（推荐）
面试时可以这样回答：
"闭包简单来说就是函数和它能访问的变量的组合。
当一个内部函数引用了外部函数的变量，并且这个内部函数被返回或传递出去，就形成了闭包。即使外部函数执行完了，内部函数依然能访问那些变量，因为它们被"闭"在了一起。
举个例子，计数器函数：外部函数定义一个 count 变量，返回一个内部函数来操作这个 count。每次调用内部函数，count 都会保留上次的值，这就是闭包的效果。
闭包的应用场景很多：数据私有化，把变量藏在闭包里，外部无法直接访问；模块化，用 IIFE 创建私有作用域；防抖节流，用闭包保存定时器；还有 React 的 Hooks，useState 底层也是用闭包实现的。
要注意的是，闭包会让变量一直留在内存里，如果闭包引用了大对象又不释放，可能会造成内存问题。用完之后可以把闭包设为 null 来释放。"
推荐回答顺序
- 定义：函数和其词法环境的组合
- 举例：简单的计数器例子
- 应用场景：数据私有化、函数工厂、模块化
- 注意事项：内存泄漏问题
- 实际应用：结合项目经验
可能的追问
Q1: 闭包会导致内存泄漏吗？
A: 闭包本身不会导致内存泄漏，但不当使用可能导致：
- 闭包引用大对象，导致无法回收
- 循环引用（老版本IE）
- 解决：及时释放不需要的闭包
Q2: 如何获取函数内的变量？
A: 通过闭包：
javascript
function fn() {
let a = 1;
return function() {
return a;
};
}
const getA = fn();
getA(); // 1Q3: 闭包在实际项目中的应用？
A:
- 模块化（IIFE模块模式）
- 防抖节流
- 单例模式
- React Hooks（useState等）