JavaScript 闭包是什么，有什么特性，对页面有什么影响?简要介绍你理解的闭包？

八股文_JavaScript面试题 0 69

参考回答

闭包（Closure） 是 JavaScript 中非常重要的一个概念。它指的是一个函数能够“记住”并访问其词法作用域，即使该函数在其外部被执行。换句话说，闭包是函数与其创建时的作用域之间的联系。

闭包的特性：
1. 函数可以访问外部函数的变量：即使外部函数执行结束，内部函数仍然可以访问外部函数的变量。
2. 闭包能够“记住”创建时的作用域：闭包不仅包含函数的代码，还包含了函数创建时的作用域链。

详细讲解与拓展

1. 闭包的基本特性

闭包在 JavaScript 中的形成是由于函数作用域的概念。每当一个函数内部定义了另一个函数时，内部函数会“记住”外部函数的局部变量。即使外部函数已经执行完毕并返回，内部函数仍然能够访问这些外部函数的变量。

例子：

function outer() {
  let outerVar = 'I am from outer';

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

  return inner;
}

const closureFunc = outer();  // 执行 outer 函数，返回 inner 函数
closureFunc();  // 输出: I am from outer

在这个例子中，inner 函数是一个闭包，虽然 outer 函数已经执行完毕，inner 函数仍然可以访问 outerVar 变量。

2. 闭包的作用与影响

闭包有以下几个常见的作用：

数据封装与私有变量：
闭包可以用来创建私有变量，外部代码无法直接访问这些变量，只有通过闭包提供的函数来操作。

例子：

function counter() {
let count = 0;  // 私有变量
return {
  increment: function() {
    count++;
    return count;
  },
  decrement: function() {
    count--;
    return count;
  },
  getCount: function() {
    return count;
  }
};
}

const myCounter = counter();
console.log(myCounter.increment());  // 1
console.log(myCounter.increment());  // 2
console.log(myCounter.getCount());  // 2

这里，count 是一个私有变量，只能通过 increment、decrement 和 getCount 来访问和修改。

函数工厂：
闭包可以用来创建一个函数工厂，返回定制化的函数。例如，创建一个加法函数，记住初始值。

例子：
```
function makeAdder(x) {
return function(y) {
  return x + y;
};
}

const add5 = makeAdder(5);
console.log(add5(3));  // 8
```
在这个例子中，makeAdder 返回的函数记住了 x 的值，因此我们可以创建多个具有不同初始值的加法函数。

3. 闭包对页面的影响

闭包的一个关键特性是它会维持对外部变量的引用，这意味着它可能导致一些潜在的内存泄漏。如果不小心，长时间未释放的闭包会保留对大量内存的引用，从而导致不必要的内存占用。

内存泄漏的示例：

function createLargeObject() {
  const largeObj = { name: 'large object', data: new Array(1000).fill('data') };
  return function() {
    console.log(largeObj.name);
  };
}

const closure = createLargeObject();
// 即使我们不再使用 largeObj，closure 依然能访问它，导致 largeObj 始终无法被垃圾回收。

在这个例子中，createLargeObject 返回的闭包 closure 会保持对 largeObj 的引用，即使我们不再使用它，这会导致内存泄漏。

总结

闭包是一个强大的概念，它可以帮助我们实现私有变量、数据封装和函数工厂等功能。但是，开发者需要小心闭包对内存的影响，尤其是在大型应用程序中，避免长时间不释放的闭包导致内存泄漏。