闭包 - 2024最新版前端秋招面试短期突击面试题【100道】

闭包 - 2024最新版前端秋招面试短期突击面试题【100道】 🔒

闭包（Closure）是JavaScript中的一个重要概念，指的是那些能够访问自由变量的函数。自由变量是指在函数中使用的，但既不是函数参数也不是函数的局部变量的变量。简单来说，闭包让你可以在内层函数中访问定义在外层函数的变量。

闭包的关键点 📌

定义：闭包是指那些能够访问自己外部作用域变量的函数。
形成条件：当函数被返回或传递到其外部作用域时，就会形成闭包。
作用域链：闭包可以记住并访问其创建时的作用域，即使这个作用域已经不存在了。

常用示例 💡

示例 1：计数器函数

这是一个经典的闭包示例，创建一个可以生成多个计数器的函数：

function makeCounter() {let count = 0;return function() {return count++;  // 使用了外部函数作用域的变量};
}const counter1 = makeCounter();
const counter2 = makeCounter();
console.log(counter1()); // 输出: 0
console.log(counter1()); // 输出: 1
console.log(counter2()); // 输出: 0
console.log(counter2()); // 输出: 1

在这个例子中，makeCounter返回了一个函数，这个函数可以访问并修改makeCounter作用域内的count变量。每次调用makeCounter时，都会创建一个新的闭包，这个闭包有自己的count变量。

示例 2：私有变量

闭包可以用来模拟私有方法和变量：

function Person(name) {let privateName = name; // 私有变量return {getName: function() {return privateName;},setName: function(newName) {privateName = newName;}};
}const person = Person('Alice');
console.log(person.getName()); // 输出: Alice
person.setName('Bob');
console.log(person.getName()); // 输出: Bob

在这个例子中，privateName变量是私有的，只能通过返回的对象的getName和setName方法来访问和修改。

示例 3：模块模式

闭包还可以用来实现模块模式，这是一种在JavaScript中创建私有和公有成员的方法：

var module = (function() {var privateVar = 'I am private';return {publicMethod: function() {console.log(privateVar);},publicVar: 'I am public'};
})();module.publicMethod(); // 输出: I am private
console.log(module.publicVar); // 输出: I am public