闭包的实际应用：5种常见场景解析

闭包是 JavaScript 中一个重要的概念，它可以实现很多功能，例如变量保护、模块化开发、延迟执行、单例模式和回调函数等。

1. 保护变量

闭包可以保护变量，使其不受外部环境的影响。例如，当您需要在一个函数内部定义一个变量，但该变量又需要在函数外部使用时，闭包便可以派上用场。

function outerFunction() {
  let counter = 0;
  return function innerFunction() {
    counter++;
    console.log('counter:', counter);
  }
}

let myCounter = outerFunction();
myCounter(); // counter: 1
myCounter(); // counter: 2

在上面的例子中，counter 变量被定义在 outerFunction 函数内部，但是通过 innerFunction 函数返回，可以保证 counter 变量不会被外部环境修改。

2. 模块化

闭包还可以用于模块化开发。在 JavaScript 中，没有像其他编程语言那样的模块机制，但是使用闭包可以实现类似的效果。您可以将公共函数和变量封装在一个闭包内部，然后将其暴露给外部使用。

const myModule = (function() {
  let privateVar = '私有变量';
  function privateFunction() {
    console.log('这是私有函数');
  }
  return {
    publicVar: '公共变量',
    publicFunction: function() {
      console.log('这是公共函数');
      privateFunction();
    }
  }
})();

console.log(myModule.publicVar); // '公共变量'
myModule.publicFunction(); // 这是公共函数
// 这是私有函数
console.log(myModule.privateVar); // undefined
myModule.privateFunction(); // Uncaught TypeError: myModule.privateFunction is not a function

在上面的例子中，privateVar 和 privateFunction 是私有的，而 publicVar 和 publicFunction 是公有的。

3. 延迟执行

闭包还可以用于延迟执行。例如，您可以使用闭包来延迟执行某个函数，直到满足某个条件后再执行。

function delay(func, time) {
  return function() {
    setTimeout(func, time);
  }
}

const logMessage = delay(function() {
  console.log('延迟执行的消息');
}, 2000);

logMessage(); // 2 秒后输出 '延迟执行的消息'

在上面的例子中，delay 函数返回一个闭包，它包含了 func 和 time 参数。当调用 logMessage 函数时，func 函数将在 time 秒后执行。

4. 单例模式

闭包还可以用于实现单例模式。单例模式是一种设计模式，它可以确保一个类只有一个实例。通过使用闭包，可以实现一个只能创建一个实例的对象。

const Singleton = (function() {
  let instance;
  return function() {
    if (!instance) {
      instance = new Object();
      instance.name = '单例对象';
    }
    return instance;
  }
})();

const obj1 = Singleton();
const obj2 = Singleton();
console.log(obj1 === obj2); // true

在上面的例子中，Singleton 函数返回一个闭包，它包含了一个私有的 instance 变量。当第一次调用 Singleton 函数时，会创建一个新的 instance 对象。当再次调用 Singleton 函数时，会直接返回之前创建的 instance 对象。

5. 回调函数

闭包还可以用于回调函数。回调函数是一种函数，它作为参数传递给另一个函数，并在另一个函数执行完毕后被调用。通过使用闭包，可以将回调函数作为参数传递给另一个函数，并在需要时调用它。

function asyncTask(callback) {
  setTimeout(function() {
    console.log('异步任务执行完毕');
    callback();
  }, 1000);
}

asyncTask(function() {
  console.log('回调函数被调用');
});

在上面的例子中，asyncTask 函数接收一个回调函数作为参数。当 asyncTask 函数执行完毕后，会调用回调函数。

闭包在 JavaScript 中是一个重要的概念，它可以实现很多功能。通过理解闭包的作用，您可以写出更简洁、高效的 JavaScript 代码。