【什么是闭包？ 闭包产生的原因? 闭包有哪些表现形式?】

什么是闭包？

闭包是指一个函数可以访问并操作在其作用域之外的变量的能力。在 JavaScript 中，每当函数被创建时，就会创建一个闭包。

以下是一个简单的闭包示例：

function add(x) {
  return function(y) {
    return x + y;
  };
}

const addThree = add(3);
console.log(addThree(5)); // 输出 8
1
2
3
4
5
6
7
8

在这个例子中，add 函数返回一个新的函数，新函数可以访问 add 函数的参数 x。addThree 是一个闭包，它存储了 add(3) 返回的函数以及 x 的值，因此调用 addThree(5) 就会返回 3 + 5 = 8。

闭包在许多 JavaScript 库和框架中都得到了广泛的应用，它们可以用来实现许多高级功能，例如封装私有变量、延迟计算、事件监听和函数柯里化等。

闭包产生的原因?

闭包的产生原因是因为在函数内部定义的函数可以访问外部函数的变量和参数，即使外部函数已经执行完毕，内部函数仍然可以访问那些变量和参数。

下面是一个简单的例子：

function outerFunction() {
  var outerVariable = "Hello";

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

  return innerFunction;
}

var closure = outerFunction();
closure(); // 输出 "Hello"
1
2
3
4
5
6
7
8
9
10
11
12

在上面的代码中，outerFunction 定义了一个局部变量 outerVariable 和一个内部函数 innerFunction，并将 innerFunction 作为返回值返回。当 outerFunction 被调用时，它返回内部函数 innerFunction，然后 outerFunction 的执行结束。但是，innerFunction 仍然能够访问 outerVariable，并且在调用 closure() 时，它打印了 outerVariable 的值。这是由于 innerFunction 形成了一个闭包，将 outerVariable 保存在其内部作用域中，因此即使 outerFunction 已经执行完毕，innerFunction 仍然可以访问 outerVariable。

闭包有哪些表现形式?

闭包有以下两种表现形式：

1. 返回一个函数：当一个函数内部定义了另一个函数，并将这个内部函数作为返回值返回时，就形成了一个闭包。返回的这个函数可以访问外部函数中的变量，即使外部函数已经执行完毕并且其内部变量已经被销毁。

举例：

function outer() {
  var count = 0;
  function inner() {
    count++;
    console.log(count);
  }
  return inner;
}
var closure = outer();
closure(); // 输出1
closure(); // 输出2
closure(); // 输出3
1
2
3
4
5
6
7
8
9
10
11
12

在这个例子中，函数 outer 内部定义了一个函数 inner，并将其返回。变量 count 也定义在 outer 函数内部。
执行 outer 函数会返回函数 inner，将其赋值给变量 closure。
然后调用 closure 函数，由于 closure 函数是由 outer 函数返回的 inner 函数，所以它可以访问 outer 函数内部的变量 count。因此每次调用 closure 函数都会输出一个累加的数值。

2. 定义一个函数：在 JavaScript 中，通过定义一个函数并在该函数内部定义另一个函数，也可以形成一个闭包。这时需要将内部函数作为返回值返回，以便在外部调用。

举例：

function makeCounter() {
  var count = 0;
  function counter() {
    count++;
    console.log(count);
  }
  return counter;
}
var closure = makeCounter();
closure(); // 输出1
closure(); // 输出2
closure(); // 输出3
1
2
3
4
5
6
7
8
9
10
11
12

在这个例子中，函数 makeCounter 内部定义了函数 counter，并将其返回。变量 count 也定义在 makeCounter 函数内部。
执行 makeCounter 函数会返回函数 counter，将其赋值给变量 closure。
然后调用 closure 函数，由于 closure 函数是由 makeCounter 函数返回的 counter 函数，所以它可以访问 makeCounter 函数内部的变量 count。因此每次调用 closure 函数都会输出一个累加的数值。