如何在ES5中使用闭包以及闭包的应用场景？

闭包是一种特殊的函数，它可以访问函数外部的变量，并且这些变量在函数执行完后依然保存在内存中。在ES5中，我们可以通过以下方式使用闭包：

function outerFunction() {
  var outerVariable = 'Hello, World!';

  function innerFunction() {
    console.log(outerVariable);
  }

  return innerFunction;
}

var closure = outerFunction();
closure(); // 输出 'Hello, World!'

在上述代码中，outerFunction是一个外部函数，innerFunction是一个内部函数。innerFunction可以访问outerFunction中的变量outerVariable，这就是闭包的基本用法。

闭包的应用场景有很多，下面我们来介绍几个常见的应用场景：

1. 封装私有变量

通过闭包，我们可以创建私有变量，避免全局命名冲突。

var counter = (function() {
  var privateCount = 0;

  function changeBy(val) {
    privateCount += val;
  }

  return {
    increment: function() {
      changeBy(1);
    },
    decrement: function() {
      changeBy(-1);
    },
    value: function() {
      return privateCount;
    }
  };
})();

console.log(counter.value()); // 输出 0

counter.increment();
console.log(counter.value()); // 输出 1

counter.decrement();
console.log(counter.value()); // 输出 0

在上述代码中，我们使用了立即执行函数创建了一个闭包，其中privateCount是私有变量，无法直接访问。通过返回一个包含increment、decrement和value方法的对象，我们可以间接操作privateCount的值。

2. 模块化开发

闭包可以实现模块化开发，将代码分割成多个独立的模块，提高代码的可维护性和复用性。

var module = (function() {
  var privateVariable = '私有变量';

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

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

module.publicMethod(); // 输出 '私有变量'

在上述代码中，我们使用了立即执行函数创建了一个闭包，其中privateVariable是私有变量，privateMethod是私有方法。通过返回一个包含publicMethod方法的对象，我们可以访问公共接口publicMethod，但无法直接访问私有变量和私有方法。

3. 防止变量被污染

闭包可以防止变量被污染，保护变量的安全性。

function createCounter() {
  var count = 0;

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

var counter1 = createCounter();
var counter2 = createCounter();

counter1(); // 输出 1
counter1(); // 输出 2

counter2(); // 输出 1
counter2(); // 输出 2

在上述代码中，我们创建了两个闭包counter1和counter2，它们都拥有自己的count变量，互不干扰。这样可以避免变量被外部环境污染。

通过学习闭包的概念和用法，我们可以更好地理解函数和作用域的概念，提高代码的质量和可维护性。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： 如何在ES5中使用原型链实现继承？
• 下一篇： 如何在ES5中声明变量以及变量提升的特性