从实践出发，理解闭包的精髓与妙用

2023-11-04 10:36:53

理解闭包的精髓：捕获和访问

在 JavaScript 中，当一个函数被定义在另一个函数内部时，内部函数可以访问外部函数的作用域，即使外部函数已经执行完毕。这就是闭包的本质。

闭包的实现依赖于JavaScript的执行机制。当函数执行时，JavaScript 会为其创建一个执行上下文，其中包含该函数的作用域和执行状态。当函数执行完毕后，其执行上下文会被销毁，但如果内部函数引用了外部函数的作用域，则该作用域不会被销毁。这使得内部函数即使在外部函数执行完毕后，仍然可以访问外部函数的作用域，从而形成了闭包。

作用域：解析与执行

在 JavaScript 中，作用域的概念分为解析作用域和执行作用域。解析作用域是指函数声明时所在的代码块，而执行作用域是指函数执行时所在的代码块。

变量和函数的声明都会形成作用域。 var 声明的变量属于函数作用域，而 let 和 const 声明的变量属于块级作用域。函数声明形成的是函数作用域，而函数调用则形成的是块级作用域。

闭包的妙用：延迟执行和事件处理

闭包在 JavaScript 中有着广泛的应用，其中最常见的应用场景是延迟执行和事件处理。

延迟执行： 闭包可以用来延迟函数的执行，以便在满足某些条件时再执行。例如，在表单验证中，我们可以使用闭包来延迟验证表单，直到用户点击提交按钮时再执行。

事件处理： 闭包可以用来处理事件，例如鼠标点击、键盘输入等。通过使用闭包，我们可以将事件处理函数与事件源相关联，以便在事件发生时执行相应的操作。

从实践出发，深入理解闭包

为了更好地理解闭包，让我们通过一个经典的面试题来进行剖析。

function createCounter() {
  var i = 0;
  return function() {
    i++;
    return i;
  };
}

const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2
console.log(counter()); // 3