浅谈JS闭包理解

什么是闭包

在Javascript中，闭包是可以访问外部函数作用域内变量的函数。通俗的讲，闭包就是将函数内的变量保存起来，以便在后续的函数中使用的一种机制。

闭包的定义

闭包由两部分组成：函数（或者函数表达式）和一个保存该函数作用域的对象。

例如：

function outerFunction() {
  let outerVar = 5;

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

  return innerFunction;
}

let innerFunc = outerFunction();
innerFunc(); // 输出5

在上面的例子中，outerFunction返回了innerFunction函数，并将其赋值给变量innerFunc。innerFunction可以访问outerFunction中定义的outerVar变量，这就是闭包的基本概念。

闭包的应用

应用一：保护变量

由于闭包可以访问外部函数作用域内的变量，所以可以利用闭包的特性来保护变量。例如：

function counter() {
  let count = 0;

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

let counter1 = counter();
counter1(); // 输出1
counter1(); // 输出2

let counter2 = counter();
counter2(); // 输出1

在上面的例子中，我们定义了一个counter函数，返回一个函数用于自增一个计数器。由于计数器变量count定义在外部的函数作用域内，所以可以做到私有化，并且不会受到外部的干扰。

应用二：模块化

闭包还可以用于实现Javascript中的模块化。例如：

let myModule = (function() {
  let privateVar = "This is private";

  function privateFunc() {
    console.log(privateVar);
  }

  return {
    publicFunc: function() {
      privateFunc();
    }
  };
})();

myModule.publicFunc(); // 输出"This is private"

在上面的例子中，我们使用了一个立即执行函数表达式(IIFE)来创建一个名为myModule的模块。模块中包含了一个私有变量privateVar和一个私有函数privateFunc，同时也定义并返回了一个包含publicFunc公共方法的对象。由于外部无法访问私有变量和函数，所以这样就实现了模块化。