当前位置：首页 > news >正文

【前端面试题】闭包和其应用

news 来源：原创 2025/4/30 17:51:41

闭包是什么？

**闭包（Closure）**是编程语言中一个既基础又强大的概念，它允许函数访问其词法作用域中的变量，即使函数在其定义的作用域之外执行。尤其在JavaScript、Python等支持函数式编程范式的语言中广泛应用。

一、闭包的定义

闭包的本质是：一个函数与其引用外部变量的环境组合形成的实体。简单来说：

当函数A内部定义了函数B
函数B引用了函数A的局部变量
函数B在函数A外部被调用时，仍然能访问函数A的变量

此时，函数B就是一个闭包。
代码如下

function outer() {
	let count = 0; // 外部函数的局部变量
	function inner() { // 闭包函数
		count++;
		console.log(count);
	}
	return inner;
}

const counter = outer();
counter(); // 输出1
counter(); // 输出2（保留了count的状态）

二、闭包的核心特征

函数嵌套：闭包产生于嵌套函数结构中
引用外部变量：内部函数需引用外部函数的变量
延长变量生命周期：外部函数的变量不会随其执行结束被销毁

闭包的优缺点

优点	缺点
实现变量封装与私有化	过度使用可能导致内存泄漏
增强代码灵活性	对垃圾回收机制不友好
支持模块化开发	可能影响性能（需合理使用）

闭包的应用场景

1. 封装私有变量

实现类似面向对象编程的私有属性：

function createBankAccount(initialBalance) {
	let balance = initialBalance; // 私有变量
	return {
		deposit: (amount) => { balance += amount },
		withdraw: (amount) => { balance -= amount },
		getBalance: () => balance
	};
}

const account = createBankAccount(100);
account.withdraw(30);
console.log(account.getBalance()); // 输出70

2. 延迟执行

保留上下文状态供后续使用：

function delayedGreeting(name) {
	setTimeout(() => {
		console.log(Hello, ${name}!); // 闭包保留了name变量
	}, 1000);
}
delayedGreeting(“Alice”); // 1秒后输出"Hello, Alice!"

3. 函数柯里化（Currying）

柯里化是将一个多参数函数转换为一系列单参数函数的过程，闭包可以用于实现柯里化。
生成预置参数的函数：

function add(a) {
    return function(b) {
        return a + b;
    };
}

const add5 = add(5); // 返回一个函数，a 被固定为 5
console.log(add5(10)); // 输出 15

4. 回调函数保留上下文

闭包常用于回调函数中，特别是在异步操作（如定时器、事件监听、AJAX 请求）中保留上下文。
在事件处理中保持状态：

function initCounter() {
	let count = 0;
	document.getElementById(‘btn’).addEventListener(‘click’, () => {
		count++; // 闭包保留计数器状态
		console.log(Clicked ${count} times);
	});
}
initCounter();