闭包常见笔试题

为了WLB努力

于 2024-03-26 07:30:00 发布

阅读量976

点赞数 24

文章标签：前端面试闭包

本文链接：https://blog.youkuaiyun.com/weixin_47622005/article/details/136740308

版权

本文详细介绍了JavaScript中的闭包概念，包括作用域链、内部函数如何形成闭包，以及闭包带来的封装变量、保持状态、实现模块化等优点。同时，也探讨了闭包可能导致的内存泄漏、性能损耗和变量不确定性等缺点。文中包含闭包的笔试题示例，帮助读者更好地理解和运用闭包。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

闭包

闭包（Closure）是指在函数内部定义的函数可以访问其外部函数的变量，并且可以在其外部函数执行完毕后，继续访问这些变量的能力。闭包是 JavaScript 中非常重要和常见的概念，它可以帮助我们实现很多功能，例如模块化、私有变量等。

闭包的原理主要涉及到以下两个方面：

作用域链：
在 JavaScript 中，每个函数都会创建一个作用域，当函数内部访问变量时，会首先在当前函数的作用域中查找，如果找不到，就会沿着作用域链向上查找，直到找到为止。作用域链是由函数定义时的词法环境决定的，函数在定义时会记录下其所处的作用域链。
函数的内部函数：
在 JavaScript 中，函数可以嵌套定义，内部函数可以访问外部函数的变量。当内部函数被返回并在外部函数执行完毕后仍然被引用时，它会保持对外部函数作用域的引用，这样就形成了闭包。

以下是一个简单的闭包示例，演示了闭包的原理：

function outerFunction() {
   
  var outerVariable = 'Outer';

  function innerFunction() {
   
    console.log(outerVariable); // 内部函数访问外部函数的变量
  }

  return innerFunction; // 返回内部函数
}

var closure = outerFunction(); // 调用外部函数并将返回的内部函数保存到变量中
closure(); // 调用内部函数，仍然可以访问外部函数的变量

在上述示例中，innerFunction 是一个内部函数，它访问了外部函数 outerFunction 中的变量 outerVariable。当 outerFunction 执行完毕后，返回的 innerFunction 仍然保持对外部函数作用域的引用，这样就形成了闭包。因此，即使外部函数执行完毕，我们仍然可以通过闭包访问外部函数的变量。

闭包在 JavaScript 中是一个强大的概念，它有许多优点，但也存在一些缺点。下面是闭包的一些优点和缺点：

优点：

封装变量：闭包允许将变量私有化，即使外部无法直接访问，从而实现了数据的封装和保护。
保持状态：闭包可以保持函数内部的状态，即使函数执行完毕后，依然可以访问和修改函数内部的变量。
实现模块化：通过闭包，可以实现模块化的代码结构，将相关的函数和变量封装在闭包中，避免全局污染。
创建私有变量和方法：闭包可以实现类似于面向对象编程中的私有变量和方法，确保数据的安全性和完整性。
延长变量的生命周期：由于闭包可以保持对外部作用域的引用，因此可以延长外部变量的生命周期，防止被垃圾回收机制回收。

缺点：

内存泄漏：闭包会使得函数内部的变量长期驻留在内存中，如果闭包被误用或者滥用，可能会导致内存泄漏问题。
性能损耗：闭包会增加内存消耗和运行时的性能开销，特别是在涉及到大量闭包的情况下，可能会影响程序的性能。
变量的不确定性：由于闭包可以保持对外部作用域的引用，可能会导致外部变量的值发生变化，从而引起意想不到的结果。
理解和维护困难：闭包的使用可能会增加代码的复杂性和理解难度，特别是对于新手来说，可能需要花费更多的时间和精力理解闭包的概念和实现。

当然，下面是一个闭包笔试题示例：

function outerFunction() {
   
  var secret = "I'm a secret";

  return function innerFunction(password) {
   
    if (password === '123456') {
   
      console.log(secret);
    } else {
   
      console.log("Access denied");
    }
  };
}