JS函数闭包：彻底理解词法环境和嵌套，化繁为简

2023-10-16 12:11:54

闭包的概念和词法作用域

JavaScript中，函数闭包是指内部函数可以访问外部函数的变量，即使外部函数已经返回。这使得内部函数能够“记住”外部函数的执行上下文，即使外部函数已经完成执行。

要理解闭包，首先需要了解JavaScript的词法作用域。词法作用域是指函数在其定义时确定的作用域。这意味着内部函数的作用域由其定义时的环境决定，而不是由其被调用的环境决定。

例如，考虑以下代码：

function outer() {
  let count = 10;

  function inner() {
    return count++;
  }

  return inner;
}

const getCount = outer();
console.log(getCount()); // 10
console.log(getCount()); // 11
console.log(getCount()); // 12

在这个例子中，inner函数被定义在outer函数内部，因此它具有对outer函数词法环境的访问权限。这意味着inner函数可以访问outer函数的变量，即使outer函数已经返回。

词法环境的嵌套和闭包的形成

闭包的形成与词法环境的嵌套息息相关。当函数被嵌套定义时，内部函数可以访问外部函数的词法环境，而外部函数则无法访问内部函数的词法环境。这种嵌套的词法环境形成了一条作用域链，内部函数可以通过作用域链访问外部函数的变量。

例如，考虑以下代码：

function outer() {
  let count = 10;

  function inner() {
    let innerCount = 20;
    return count++;
  }

  return inner;
}

const getCount = outer();
console.log(getCount()); // 10
console.log(getCount()); // 11
console.log(getCount()); // 12

在这个例子中，inner函数被定义在outer函数内部，因此它具有对outer函数词法环境的访问权限，可以访问变量count。但是，outer函数无法访问inner函数的词法环境，因此无法访问变量innerCount。

闭包的应用

闭包在JavaScript中有广泛的应用，包括：

保持状态：闭包可以用来保存状态信息，即使外部函数已经返回。这对于构建需要记住其内部状态的组件和对象非常有用。
事件处理：闭包可用于在事件处理程序中访问事件对象，即使事件已经触发。这对于创建动态和交互式应用程序非常有用。
模块化：闭包可用于创建模块化代码，其中每个模块都有自己私有的作用域。这有助于提高代码的可重用性和可维护性。
函数柯里化：闭包可用于创建函数柯里化，即一种将函数转换为另一个函数的技术，该函数接受更少的参数，并将剩余参数保留到以后调用。这有助于简化函数调用并提高代码的可读性。