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

时间：2024-10-30 12:38:55

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

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

闭包的关键点 ????

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

常用示例 ????

示例 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

在这个模块模式示例中，privateVar是私有的，外部无法直接访问，而publicMethod和publicVar是公有的，可以被外部访问。

使用闭包的注意事项 ⚠️

闭包在JavaScript中非常常见，尤其是在事件处理、异步编程和模块化代码中。正确使用闭包能够帮助编写出结构清晰、易于维护的代码。不过，也需要注意，不当使用闭包可能会导致内存泄漏，因为闭包会保持对其外部作用域的引用，可能使得不再需要的变量无法被垃圾回收机制回收。

小结

理解闭包的工作原理和应用场景，将有助于你在前端开发中更好地处理函数作用域和数据封装等问题。希望通过本篇文章，你能在面试中自信地回答相关问题，顺利通过！

相关文章