JavaScript闭包原理与使用介绍

什么是闭包（Closure）

在 JavaScript 中，闭包（Closure）是指被包含在函数中的一个函数和其对外部变量的引用组合。

通俗地说，当一个函数访问其外部作用域中的变量时，就创建了一个闭包。

闭包的原理

在 JavaScript 中，每当创建一个函数时，都会为该函数创建一个作用域链（Scope Chain），用于解析访问变量。

当函数执行完成后，其活动对象会被销毁，但是，如果该函数声明了一个内部函数，并将该内部函数作为返回值返回给调用者，则该内部函数会创建一个闭包，该闭包会引用父级函数的活动对象，因此父级函数的变量不会被销毁。

闭包的使用

1. 实现私有变量

通过闭包可以实现私有变量，这是因为闭包可以保护变量不被外部访问。

function createCounter() {
  var count = 0;
  return {
    increment: function() {
      count++;
      console.log(count);
    },
    decrement: function() {
      count--;
      console.log(count);
    }
  };
}

var counter = createCounter();
counter.increment(); // 1
counter.increment(); // 2
counter.decrement(); // 1

在上述示例中，变量 count 就是一个私有变量，无法从外部访问。通过返回一个对象，该对象中包含变量 count 的方法，可以实现对变量 count 的控制。

2. 延迟执行

通过闭包可以实现函数的延迟执行，这是因为闭包可以保证函数在创建之后，可以在任何时候被调用执行。

function delayPrint() {
  var timer;
  return function(str) {
    clearTimeout(timer);
    timer = setTimeout(function() {
      console.log(str);
    }, 2000);
  }
}

var print = delayPrint();
print('Hello, world!'); // 等待 2 秒后打印 'Hello, world!'

在上述示例中，使用闭包实现了一个延迟执行的函数 delayPrint()。当函数 delayPrint() 被调用时，会返回一个内部函数，该内部函数通过 setTimeout 函数实现了延迟执行。因为 timer 变量被包含在内部函数中，所以可以保证 timer 的值在多次调用时是唯一的。