闭包在JavaScript中的应用和原理|极客教程

闭包在JavaScript中的应用和原理

什么是闭包

在JavaScript中，闭包是指可以访问其词法作用域外部变量的函数。换句话说，闭包是由函数和与其相关的引用环境组合而成的实体。当函数在其词法作用域外部引用变量时，就会形成闭包。通过闭包，函数可以访问外部作用域的变量，即使这些变量在函数执行完毕后仍然保持可访问状态。

闭包在JavaScript中具有重要的作用，它可以实现许多功能，例如封装私有变量、实现模块化、延迟执行等。

闭包的原理

在JavaScript中，函数可以访问其定义时所处的词法作用域中的变量。当一个函数内部定义了另一个函数，并且这个内部函数引用了外部函数的变量时，就形成了闭包。这是因为内部函数可以访问外部函数的变量，而外部函数的作用域被保留在内存中，不会随着外部函数的执行完毕而被销毁。

由于JavaScript中的变量提升和作用域链的特性，内部函数可以访问外部函数的变量，这就实现了闭包。闭包使得函数可以“记住”当时的外部作用域，即使在其他地方调用这个函数时，该函数依然可以访问外部作用域的变量。

闭包的应用

封装私有变量和方法

闭包可以用来封装私有变量和方法，实现信息的隐藏和保护。

function Counter() {
  let count = 0;

  function increment() {
    count++;
    console.log(count);
  }

  return {
    increment: increment
  };
}

const counter = Counter();
counter.increment(); // 1
counter.increment(); // 2

在上面的示例中，变量count和函数increment都被定义在Counter函数内部，外部无法直接访问这些变量和方法，只能通过返回的对象{ increment: increment }来访问increment方法。这样就实现了私有变量和方法的封装。

实现模块化

闭包还可以用来实现模块化，将相关的变量和方法封装在一个独立的作用域中，避免全局作用域的污染。

const Module = (function() {
  let privateVar = '私有变量';

  function privateMethod() {
    console.log('私有方法');
  }

  return {
    publicMethod: function() {
      console.log(privateVar);
      privateMethod();
    }
  };
})();

Module.publicMethod(); // 私有变量 私有方法

在上面的示例中，Module是一个立即执行函数，里面定义了私有变量privateVar和私有方法privateMethod，并将对外暴露的方法publicMethod通过返回对象的方式传递出去。外部只能通过Module来访问publicMethod方法，私有变量和方法对外部是不可见的。

延迟执行

闭包可以用来延迟执行函数，将函数的调用延迟到外部函数执行完毕后再执行。

function delayFunc() {
  let message = 'Hello, world!';

  setTimeout(function() {
    console.log(message);
  }, 1000);
}

delayFunc(); // 1秒后打印：Hello, world!

在上面的示例中，setTimeout内部的匿名函数引用了外部函数delayFunc中的message变量，因此形成了闭包。当调用delayFunc函数时，实际上会在1秒后才输出Hello, world!，这就是闭包实现的延迟执行效果。