JavaScript作用域和闭包使用详解

什么是作用域

作用域是指变量的可访问范围。在JavaScript中，变量的作用域主要有两种，全局作用域和局部作用域。

全局作用域中定义的变量可以被任何代码访问，而局部作用域中定义的变量只能在其所在的代码块(比如函数，循环等)中访问。

在JavaScript中，作用域链是沿着嵌套的代码块向上查询变量定义的一条链。如果当前作用域没有定义所需的变量，则会继续向父级作用域查找，直到找到全局作用域为止。

闭包的定义和使用

闭包是指函数和函数内部所定义的变量构成的作用域，闭包可以访问外部函数的变量，并保持对这些变量的引用，使外部函数的变量不被释放，称为“闭合”，因此成为闭包。

闭包可以用来实现封装和模块化设计，能够帮助我们实现代码的复用和隐藏。

下面是一个使用闭包的示例，用来计算次数：

function counter() {
  let count = 0;
  return function() {
    count++;
    console.log(count);
  }
}

const c = counter();
c(); //输出1
c(); //输出2
c(); //输出3

在这个例子中，返回的函数形成了一个闭包，使得我们可以保持对count变量的引用，并将其不断地递增。

闭包的副作用

虽然闭包可以让我们实现很多很方便的功能，但是过多地使用闭包也会造成一些副作用。

由于闭包会保持对外部函数的变量的引用，当这些变量不需要时，它们仍然会占用内存，导致内存泄漏和性能问题。

下面是一个闭包的副作用的示例：

function doSomething() {
  const arr = new Array(1000000).fill(0);

  return function() {
    console.log(arr[0]);
  };
}

const func = doSomething();


setTimeout(() => {
  func();
}, 5000);

这个例子中，我们在doSomething函数中创建了一个长度为1000000的数组，然后在函数结束后，返回一个函数，该函数使用了arr数组中的第一个元素。虽然doSomething函数已经结束，但是因为返回的函数使用了arr数组的引用，导致该数组一直占用内存，直到setTimeout函数执行结束。

为了避免闭包的副作用，我们需要注意及时释放不再使用的变量引用，或者避免过度使用闭包。